Flex精华摘要 2(1):基本MXML功能
来源:百度文库 编辑:神马文学网 时间:2024/10/04 20:12:23
存储和验证数据
你可以使用数据模型来存储特定数据,数据模型是一个可以提供存储数据属性和包含附加方法的AS对象。申明一个简单的没有任何方法的数据模型可以使用 或 标记,你还可以使用验证组件验证存储数据的有效性。Flex包含了一套标准的数据验证组件,当然你也可以创建自己的验证组件。
下面的例子显示了一个简单的数据验证。
marginLeft=‘10‘ marginRight=‘10‘ >
{ homePhoneInput.text }
{ cellPhoneInput.text }
{ emailInput.text }
运行效果如图
请注意其中使用了电话号码验证和Email验证组件
要使用验证组件,需要注意几个地方:
首先定义需要验证的字段,如
{ homePhoneInput.text }
{ cellPhoneInput.text }
{ emailInput.text }
然后使用验证组件验证相关字段,如
格式化数据
除了进行数据验证之外,格式化输入的数据也是经常需要用到的。Flex一样包含了一套用于数据格式化的组件,下面的例子对邮编进行格式化处理:
var storedZipCode=123456789;
]]>
常用的数据格式化还有对日期的格式化处理:
1 : NumberFormatter 数字格式化
2 : CurrencyFormatter 货币格式化
3 : PhoneFormatter 电话号码格式化
4 : ZipCodeFormatter 邮编格式化
5 : DateFormatter 日期格式化
6 : SwitchSymbolFormatter 创建自定义格式
使用样式表
还可以使用标记表来定义Flex组件的样式表。
.myclass { color: Red } /* class selector */
Button { font-size: 18pt } /* type selector */
marginLeft=‘10‘ marginRight=‘10‘ >
注意该标记不能嵌套在除根标记外的标记中。
运行效果如图
使用效果
可以对组件使用过渡效果,效果往往是在事件触发后产生,如鼠标单击、组件失去焦点和组件消失等。Flex专门提供了一套内置的效果组件。下面看一个例子:
使用MXML组件
可以使用MXML文件定义自己的组件或者定义已有组件的组合,并通过 的方式调用。
如
Dogs
Cats
Mice
注意,MXML组件文件并不需要标记,更复杂的自定义组件可以使用JSP或其它语言动态生成。
调用自定义组件的应用程序文件格式如下:
你可以使用数据模型来存储特定数据,数据模型是一个可以提供存储数据属性和包含附加方法的AS对象。申明一个简单的没有任何方法的数据模型可以使用
下面的例子显示了一个简单的数据验证。
运行效果如图
请注意其中使用了电话号码验证和Email验证组件
要使用验证组件,需要注意几个地方:
首先定义需要验证的字段,如
然后使用验证组件验证相关字段,如
格式化数据
除了进行数据验证之外,格式化输入的数据也是经常需要用到的。Flex一样包含了一套用于数据格式化的组件,下面的例子对邮编进行格式化处理:
var storedZipCode=123456789;
]]>
常用的数据格式化还有对日期的格式化处理:
1 : NumberFormatter 数字格式化
2 : CurrencyFormatter 货币格式化
3 : PhoneFormatter 电话号码格式化
4 : ZipCodeFormatter 邮编格式化
5 : DateFormatter 日期格式化
6 : SwitchSymbolFormatter 创建自定义格式
使用样式表
还可以使用
.myclass { color: Red } /* class selector */
Button { font-size: 18pt } /* type selector */
注意该标记不能嵌套在除根标记外的标记中。
运行效果如图
使用效果
可以对组件使用过渡效果,效果往往是在事件触发后产生,如鼠标单击、组件失去焦点和组件消失等。Flex专门提供了一套内置的效果组件。下面看一个例子:
使用MXML组件
可以使用MXML文件定义自己的组件或者定义已有组件的组合,并通过
如
注意,MXML组件文件并不需要
调用自定义组件的应用程序文件格式如下:
Flex精华摘要 2:基本MXML功能
Flex精华摘要 2(1):基本MXML功能
Flex精华摘要 3:基本语法
Flex精华摘要 1:如何开始
Flex精华摘要 4:使用AS脚本
《股票作手回忆录》精华摘要1
《富、穷爸爸》精华摘要
Flex 2 DataGrid 分页
Flex 2 DataGrid 分页
《富爸爸、穷爸爸》精华摘要
《富爸爸、穷爸爸》精华摘要
Flex 2.01中的Runtime CSS实现换肤功能
Flex 2.01中的Runtime CSS实现换肤功能
Flex论坛 Flex 2 ActionScript 3读书清单
Flex特效汇总(2)
Flex特效汇总(1)
《台湾炒汇高手—刀疤老二经验谈》精华摘要2
11月2日国内三大证券报纸头版头条内容精华摘要
4月1日国内三大证券报纸头版及头条内容精华摘要
股票作手回忆录》精华摘要
《股票作手回忆录》精华摘要
《股票作手回忆录》精华摘要
教你Dopod 818/828基本的使用功能2
教你Dopod 818/828基本的使用功能1