1.Application
Application 是一个特殊的容器,包含了整个程序的所有元素。
1).layout属性
通过容器的layout属性来设置布局方式,主要包括以下3种:
(1)vertical – 从上至下依次将子元素垂直放置在单一一列中,元素的位置由horizontalAlign和verticalAlign控制。
(2)horizontal – 从左至右依次将子元素水平放置在单一一行中,元素的位置由horizontalAlign和verticalAlign控制。
(3)absolute – 通过设置每个子元素的x/y属性来定位每个子元素,horizontalAlign水平对齐和verticalAlign垂直对齐不起作用。
2).Constraint layout 约束布局,只能在layout属性值为absolute才能使用,具有这一特性的容器有: Application、Canvas、Panel和Panel的子类TitleWingdow
horizontalGap 水平间距
vericalGap 垂直间距
paddingTop 顶部边距
paddingLeft 左边距
paddingRight 右边距
paddingBottom 底边距
2.Canvas
在它里面的元素只能由X,Y来定位。如果元素超出 Canvas 的区域范围, Canvas 会自动增加滚动条。每个容器默认情况下都会自动带滚动条。
注:发生重叠的情形
3.VBox 和 HBox
Vbox内的元素垂直方向分布,而HBox水平方向分布。
通过horizontalAlign和verticalAlign控制容器内的元素对齐方式。
4.DividedBox
它有两个子类:HDividedBox和VDividedBox。类似于HBox和VBox,多了在子级元素之间增加了可以拖动的分割块。拖动分割块可以动态的调整分割块附近元素的长宽。
5.Panel
Panel具有Canvas HBox Vbox的所有功能,
如果Panel的layout属性值为 absolute则Panel对子级元素的布局方式和Canvas一样,当为 horizontal时则相当于 HBox 为vertical时则相当于VBox
6.TitleWindow
TitleWindow继承自Panel,与Panel相比,它只多了一个对象,那就是关闭按
7.Tile
Tile直接继承Container,适合重复排列的元素和大批量的相同大小的控件布局
direction属性值为 horizontal其子级元素的布局方向为水平方式
tileWidth 和tileHeight属性用来控制每一个子级对象的长和宽
8.Grid
Grid 继承自Box,类似于HTML中的Table,由行和单元格组成。单元格中可以包含其他元素。行必须为GridRow对象,每个单元格必须为GridItem对象。两者继承自HBox。
colSpan 表示单元格所占的横向格数,rowSpan 表示单元格所占的纵向行数。类似于HTML的Table。
9.Accordion
Accordion是一个可折叠的导航器,包含一个子面板列表,但一次仅显示一个面板。它跟我们平常所说的OutLook Bar效果是一样
selectedChild 和 selectedIndex 表示当前显示的子元素和显示元素的索引号,可以利用这两个属性来控制组件的显示内容。
10.ViewStack
由若干重叠在一起的子容器组成,每次只有一个容器是可见或活动的。
我们可以通过两种方式显示容器 一种是指定 ViewStack的 selectIndex值 子容器的下标由0开始,另一种是指定 selectChild当然这种情况需要指定子容器的id
一般用来做向导类的应用。就是有那种下一步下一步的。
11.TabNavigator
继承自ViewStack,提供了用户切换内容的界面接口。 提供了Tab选项卡导航,不需要我们用代码实现子容器的显示。
12.Form
继承自Container,主要是用于前后台交互,相关的组件还有FormItem 和 FormHeading。
FormHeading 表示表的标题,这里也可以放置顶部的导航控制。
FormItem 可以容纳多个组件,且组件的布局方向有 horizontal 和 vertical。FormItem 还有一个属性required 表示本栏的值是否为空。
还提供了表单验证 例如:StringValidator 字符验证 、PhoneNumberValidator 电话号码验证等等。
http://blog.sina.com.cn/s/blog_62b728e10100rold.html