3. 动态控制对象的布局
3.1 使用Tile 显示多个按钮
Tile直接继承Container,使用起来非常方便。适合重复排列的元素。
direction 属性值为 horizontal时,设置其子级对象的布局方向为水平方向。
tileWidth 和 tileHeight 用来控制每个子级对象的长和宽。
3.2 更强大的 Grid组件
Grid 继承自Box,类似于HTML中的表格,由行和单元格组成。单元格中可以包含其他元素。行必须为GridRow对象,每个单元格必须为GridItem对象。两者继承自HBox。
colSpan 表示单元格所占的横向格数,rowSpan 表示单元格所占的纵向行数。类似于HTML的Table。
4. 方便的导航容器
导航类允许用户在其子级元素之间却换,但必须是容器类型,单我们可以在子级容器中圈套其他容器和组件。
4.1 Accordion 组件
Accordion 是一个可折叠的导航器,包含一个子面板列表,但一次仅显示一个面板。
selectedChild 和 selectedIndex 表示当前显示的子元素和显示元素的索引号,可以利用这两个属性来控制组件的显示内容。如代码中的tab_menu.selectedIndex = 1 表示却换到第2个面板。
4.2 ViewStack 组件
由若干重叠在一起的子容器组成,每次只有一个容器是可见或活动的。但它不为用户提供却换当前活动容器的界面接口,可以通过AS进行控制,或者和其他控制类容器联合使用。如:LinkBar、TabBar、ButtonBar、ToggleButtonBar等。
一般用来做向导类的应用。就是有那种下一步下一步的。
selectedChild 表示当前处于激活状态的子级对象。
4.3 使用 TabNavigator 进行快速导航
继承自ViewStack,还提供了用户却换内容的界面接口。
类似标签页却换面板。
5. 表单布局
Flex提供了一套表弟组件,让我们可方便的构建复杂的表单程序。
Form容器是表单功能组件中的主要成员,继承自Container,相关的组件还有FormItem 和 FormHeading。
5.1 简单的用户输入表单
FormHeading 表示表弟标题,这里也可以放置顶部的导航控制。
FormItem 可以容纳多个组件,且组件的布局方向有 horizontal 和 vertical。FormItem 还有一个属性required 表示本栏的值是否为空。
5.2 表单验证
最后添加了5个验证对象,分别针对不同的组件,他们的source属性表示目标对象:
StringValidator 字符验证,property="text " 为文本属性,minLength 和 maxLength 表示字符最短长度和最长长度。tooShortError 提示信息。
PhoneNumberValidator 电话号码验证
DataValidator 日期验证
EmailValidator 邮箱验证