Flex组件简介Flex组件简介目录FlexFlexFlexFlex组件概述组件概述组件概述组件概述1111控件的基本使用方法控件的基本使用方法控件的基本使用方法控件的基本使用方法2222工具提示工具提示工具提示工具提示3333基于菜单的控件基于菜单的控件基于菜单的控件基于菜单的控件44445555基于容器的布局规则基于容器的布局规则基于容器的布局规则基于容器的布局规则FlexFlexFlexFlex容器组件容器组件容器组件容器组件,,,,导航控件导航控件导航控件导航控件66667777FormFormFormForm表单使用表单使用表单使用表单使用FlexFlexFlexFlex内建了很多内建了很多内建了很多内建了很多UIUIUIUI控件控件控件控件,,,,组件这个概念在组件这个概念在组件这个概念在组件这个概念在大多数语言中也被称为控件大多数语言中也被称为控件大多数语言中也被称为控件大多数语言中也被称为控件。。。。FlexFlexFlexFlex控件基本分为三种类型控件基本分为三种类型控件基本分为三种类型控件基本分为三种类型::::Flex控件概述控件概述控件概述控件概述基于文本框的空件基于文本框的空件基于文本框的空件基于文本框的空件基于按钮的控件基于按钮的控件基于按钮的控件基于按钮的控件基于列表的控件基于列表的控件基于列表的控件基于列表的控件控件控件控件控件功能描述功能描述功能描述功能描述AlertAlertAlertAlert弹出一个警告框弹出一个警告框弹出一个警告框弹出一个警告框,,,,该控件必须使用代码触发该控件必须使用代码触发该控件必须使用代码触发该控件必须使用代码触发,,,,所以在组件视图中所以在组件视图中所以在组件视图中所以在组件视图中没有改组件的图标没有改组件的图标没有改组件的图标没有改组件的图标ButtonButtonButtonButton显示一个按钮显示一个按钮显示一个按钮显示一个按钮,,,,按钮上可以包含标签文件或者图标按钮上可以包含标签文件或者图标按钮上可以包含标签文件或者图标按钮上可以包含标签文件或者图标,,,,或者二者同或者二者同或者二者同或者二者同时包含时包含时包含时包含ComboBoxComboBoxComboBoxComboBox显示一个组合框显示一个组合框显示一个组合框显示一个组合框DateGridDateGridDateGridDateGrid显示一个表格格式的列表显示一个表格格式的列表显示一个表格格式的列表显示一个表格格式的列表可用控件可用控件可用控件可用控件DateFieldDateFieldDateFieldDateField显示一个文本框显示一个文本框显示一个文本框显示一个文本框,,,,右边带有日历图标右边带有日历图标右边带有日历图标右边带有日历图标,,,,单击图标可以选择日期单击图标可以选择日期单击图标可以选择日期单击图标可以选择日期ImageImageImageImage可以动态加载一个可以动态加载一个可以动态加载一个可以动态加载一个GIFGIFGIFGIF、、、、JPEGJPEGJPEGJPEG、、、、PNGPNGPNGPNG、、、、SVGSVGSVGSVG、、、、SWFSWFSWFSWF格式的文件格式的文件格式的文件格式的文件LabelLabelLabelLabel显示一个标签显示一个标签显示一个标签显示一个标签ListListListList显示为一个可滚动的单选或者多选列表框显示为一个可滚动的单选或者多选列表框显示为一个可滚动的单选或者多选列表框显示为一个可滚动的单选或者多选列表框TextTextTextText显示一个多行的文本框显示一个多行的文本框显示一个多行的文本框显示一个多行的文本框,,,,文本框中的内容不可编辑文本框中的内容不可编辑文本框中的内容不可编辑文本框中的内容不可编辑TextAreaTextAreaTextAreaTextArea显示一个多行的文本框显示一个多行的文本框显示一个多行的文本框显示一个多行的文本框,,,,文本框中的内容可编辑文本框中的内容可编辑文本框中的内容可编辑文本框中的内容可编辑TextInputTextInputTextInputTextInput显示一个单行文本框显示一个单行文本框显示一个单行文本框显示一个单行文本框,,,,文本框中的内容可编辑文本框中的内容可编辑文本框中的内容可编辑文本框中的内容可编辑TreeTreeTreeTree以树状形势显示一系列节点数据以树状形势显示一系列节点数据以树状形势显示一系列节点数据以树状形势显示一系列节点数据控件控件控件控件功能描述功能描述功能描述功能描述CheckBoxCheckBoxCheckBoxCheckBox显示一个复选框显示一个复选框显示一个复选框显示一个复选框ColorPickerColorPickerColorPickerColorPicker显示包含一个或多个样本的列表显示包含一个或多个样本的列表显示包含一个或多个样本的列表显示包含一个或多个样本的列表,,,,用户可以从中选用户可以从中选用户可以从中选用户可以从中选择颜色择颜色择颜色择颜色DateChooserDateChooserDateChooserDateChooser显示一个允许用户选择日期的日历显示一个允许用户选择日期的日历显示一个允许用户选择日期的日历显示一个允许用户选择日期的日历FormItemLabelFormItemLabelFormItemLabelFormItemLabelFormItemFormItemFormItemFormItem容器使用该对象显示标签容器使用该对象显示标签容器使用该对象显示标签容器使用该对象显示标签可用控件可用控件可用控件可用控件FormItemLabelFormItemLabelFormItemLabelFormItemLabelFormItemFormItemFormItemFormItem容器使用该对象显示标签容器使用该对象显示标签容器使用该对象显示标签容器使用该对象显示标签HorizontalListHorizontalListHorizontalListHorizontalList水平显示一系列项目水平显示一系列项目水平显示一系列项目水平显示一系列项目HRuleHRuleHRuleHRule、、、、VRuleVRuleVRuleVRule显示一个水平分割线或者是垂直分割线显示一个水平分割线或者是垂直分割线显示一个水平分割线或者是垂直分割线显示一个水平分割线或者是垂直分割线HScrollBarHScrollBarHScrollBarHScrollBar、、、、VScrollBarVScrollBarVScrollBarVScrollBar显示一个水平滚动条或者是垂直滚动条显示一个水平滚动条或者是垂直滚动条显示一个水平滚动条或者是垂直滚动条显示一个水平滚动条或者是垂直滚动条HSliderHSliderHSliderHSlider、、、、VSliderVSliderVSliderVSlider显示一个水平刻度尺或者是垂直刻度尺显示一个水平刻度尺或者是垂直刻度尺显示一个水平刻度尺或者是垂直刻度尺显示一个水平刻度尺或者是垂直刻度尺LinBarLinBarLinBarLinBar将多个超链接显示为一行将多个超链接显示为一行将多个超链接显示为一行将多个超链接显示为一行,,,,超链接具有相同的呈现超链接具有相同的呈现超链接具有相同的呈现超链接具有相同的呈现LinkButtonLinkButtonLinkButtonLinkButton显示为一个超链接显示为一个超链接显示为一个超链接显示为一个超链接控件控件控件控件功能描述功能描述功能描述功能描述RadioButtonRadioButtonRadioButtonRadioButton显示为一个单选按钮显示为一个单选按钮显示为一个单选按钮显示为一个单选按钮RadioButtonGroupRadioButtonGroupRadioButtonGroupRadioButtonGroup显示为一个单选按钮组显示为一个单选按钮组显示为一个单选按钮组显示为一个单选按钮组TabBarTabBarTabBarTabBar形成一个水平选项卡形成一个水平选项卡形成一个水平选项卡形成一个水平选项卡TileListTileListTileListTileList显示一个可以水平显示一个可以水平显示一个可以水平显示一个可以水平、、、、水平排列条目的列表水平排列条目的列表水平排列条目的列表水平排列条目的列表可用控件可用控件可用控件可用控件TileListTileListTileListTileList显示一个可以水平显示一个可以水平显示一个可以水平显示一个可以水平、、、、水平排列条目的列表水平排列条目的列表水平排列条目的列表水平排列条目的列表ToolTipToolTipToolTipToolTip显示一个工具提示框显示一个工具提示框显示一个工具提示框显示一个工具提示框VideoDisplayVideoDisplayVideoDisplayVideoDisplay显示流媒体数据显示流媒体数据显示流媒体数据显示流媒体数据ButtonBarButtonBarButtonBarButtonBar将多个按钮显示为一行将多个按钮显示为一行将多个按钮显示为一行将多个按钮显示为一行,,,,按钮具有相同的呈现按钮具有相同的呈现按钮具有相同的呈现按钮具有相同的呈现MenuMenuMenuMenu显示一个菜单显示一个菜单显示一个菜单显示一个菜单,,,,必须使用代码创建必须使用代码创建必须使用代码创建必须使用代码创建MenuBarMenuBarMenuBarMenuBar显示一个水平菜单栏显示一个水平菜单栏显示一个水平菜单栏显示一个水平菜单栏控件控件控件控件功能描述功能描述功能描述功能描述RichTextEditorRichTextEditorRichTextEditorRichTextEditor显示一个富文本编辑器显示一个富文本编辑器显示一个富文本编辑器显示一个富文本编辑器AdvancedDataGridAdvancedDataGridAdvancedDataGridAdvancedDataGrid增强的增强的增强的增强的DataGridDataGridDataGridDataGrid控件控件控件控件NumbericStepperNumbericStepperNumbericStepperNumbericStepper显示一个进步组合框显示一个进步组合框显示一个进步组合框显示一个进步组合框,,,,有两个按钮和一个文本框组有两个按钮和一个文本框组有两个按钮和一个文本框组有两个按钮和一个文本框组成成成成联机分析处理联机分析处理联机分析处理联机分析处理DataGridDataGridDataGridDataGrid控件控件控件控件,,,,是增强的是增强的是增强的是增强的DataGridDataGridDataGridDataGrid控控控控可用控件可用控件可用控件可用控件OLAPDataGridOLAPDataGridOLAPDataGridOLAPDataGrid联机分析处理联机分析处理联机分析处理联机分析处理DataGridDataGridDataGridDataGrid控件控件控件控件,,,,是增强的是增强的是增强的是增强的DataGridDataGridDataGridDataGrid控控控控件件件件PopUpButtonPopUpButtonPopUpButtonPopUpButton显示一个按钮显示一个按钮显示一个按钮显示一个按钮,,,,但是单击可以弹出一个类表但是单击可以弹出一个类表但是单击可以弹出一个类表但是单击可以弹出一个类表PopUpMenuButtonPopUpMenuButtonPopUpMenuButtonPopUpMenuButton显示为一个按钮显示为一个按钮显示为一个按钮显示为一个按钮,,,,但是单击可以弹出一个菜单但是单击可以弹出一个菜单