第4章Flex4系统组件基本组件(免费阅读).ppt

在Flex 4中使用mx:DataGrid标签定义数据表格组件，DataGrid组件使用dataProvider属性绑定数据源，并经常使用XMLList作为数据源。DataGrid组件使用columns属性指定包含DataGridColumn对象的数组，每一个DataGridColumn对象对应一个可以显示的列。DataGridColumn对象使用dataField属性绑定数据源中的字段列；使用headerText属性指定自定义列标题，如果省略该属性，则列标题默认为数据源中的节点名；使用width属性指定列的宽度。例如： s:Panel x=10 y=10 width=350 height=250 title=DataGrid Example mx:DataGrid id=dg x=10 y=10 width=300 height=200 dataProvider={students} mx:columns mx:DataGridColumn headerText=姓名 dataField=name/ mx:DataGridColumn headerText=性别 dataField=sex/ mx:DataGridColumn headerText=年龄 dataField=age/ mx:DataGridColumn headerText=出生年月 dataField=birth/ /mx:columns /mx:DataGrid /s:Panel 1．DateChooser组件 DateChooser组件是日期选择组件。该组件显示月份名称、年份名称，并显示包含当月的所有日期的网格（每列标有对应的星期日期），系统当前的日期会在网格中加上阴影。用户可以选择一个日期、某个日期范围或者多个日期。该组件还包含前进和后退箭头按钮，用于改变年份和月份，效果如图所示。 DateChooser组件常用的属性有如下几种。 （1）yearNavigationEnabled：如果为true，则显示的年份旁边会出现向上和向下按钮，可以使用这两个按钮更改年份，默认为false。 （2）showToday：如果为true，则在组件中加亮显示今天，默认为true。 （3）selectableRange：指定可以从中选择的日期范围。 （4）disabledRanges：禁用一天或多天。 （5）selectedRanges：选择多个日期。 （6）selectedDate：此属性为Date对象，保存用户在组件中选择的日期。 当用户选中的日期发生改变时将触发DateChooser组件的change事件，例如。 运行结果如图所示。 2．DateField组件 DateField组件是日期条组件，有一个用于显示日期的文本字段，字段右侧带有日历图标。单击DateField组件边框内的任意位置时，将弹出一个DateChooser组件，显示当月的所有日期。 DateField组件使用mx:DateField标签定义，将editable属性设置为true，可以在文本字段中输入日期，默认为false。DateField组件的其他用法与DateChooser组件类似，例如。 运行结果如图所示。 进度条组件为随时间而变的任务进度提供了形象化的表示，主要分为确定和不确定两种类型。确定型进度条是随时间而变的任务进度的线性表示，以进度所用百分比显示，如图4.40所示。在任务范围已知的情况下可使用确定型进度条。不确定型进度条是在任务范围未知时基于时间的进度，如图4.41所示。 在MXML中使用mx:ProgressBar标签定义一个进度条组件，常用的属性如下所示。 （1）label：随进度栏显示的文本，默认值为“正在加载 0%”。 （2）labelPlacement：标签的位置，有效值为right、left、bottom、center和top。 （3）indeterminate：设为true时显示不确定型的进度条，默认值为false。 （4）direction：进度条填充的方向，有效值为right（向右填充）和left（向左填充），默认值为right。 （5）chromeColor：组件的主要颜色。 （6）source：指定进度条正在度量的组件，只能在事件模式和轮询模式下使用。 （7）mode：使用mode属性定义进度条的操作模式，即更新进度条的方法。 在创建ProgressBar组件后，可以使用组件的setProgress()方法设置进度栏的状态，用于反映在使用手动模式时完成的进度量。语法格式如下： ProgressBar对象.setProgress(value,total); 参数value表示当前值，参数total表示总