FormItemLabel 类不会向其 superclass (Label) 添加任何功能,而是为了使您可以设置 FormItemLabel 类型选择器中的样式,以及设置影响所有 FormItem 容器中标签的样式。
注意:不推荐使用此类。建议使用 FormItem 类的
默认情况下,List 控件不使用数据效果。对于 List 控件,将使用 DefaultListEffect 类的实例配置数据效果。
<mx:List>
tag inherits all the tag attributes
of its superclass, and adds the following tag attributes:
<mx:List Properties editable="false|true" editedItemPosition="No default" editorDataField="text" editorHeightOffset="0" editorUsesEnterKey="false|true" editorWidthOffset="0" editorXOffset="0" editorYOffset="0" imeMode="null" itemEditor="TextInput" itemEditorInstance="Current item editor" rendererIsEditor="false|true" Styles backgroundDisabledColor="0xDDDDDD" Events itemEditBegin="No default" itemEditEnd="No default" itemEditBeginning="No default" itemFocusIn="No default" itemFocusOut="No default" />]]>
List 控件具有下列默认的大小特征:
此方法将编辑器实例设置为
您只能从
在显示编辑器的同时更改这些值对当前编辑器没有任何影响,但会影响下一个打开编辑器的项呈示器。
在显示编辑器的同时更改此值对当前编辑器没有任何影响,但会影响下一个打开编辑器的项呈示器。
在显示编辑器的同时更改这些值对当前编辑器没有任何影响,但会影响下一个打开编辑器的项呈示器。
在显示编辑器的同时更改这些值对当前编辑器没有任何影响,但会影响下一个打开编辑器的项呈示器。
在显示编辑器的同时更改这些值对当前编辑器没有任何影响,但会影响下一个打开编辑器的项呈示器。
若要在编辑项目时访问项目编辑器实例和新项目值,则应使用
不要以 MXML 方式设置此属性。
此 Object 包含
设置此属性会将项目滚动到视图中,并会分派
在
flash.system.IMEConversionMode 类定义此属性的有效值的常量。您还可以指定
<mx:TextArea>
tag inherits the attributes
of its superclass and adds the following attributes:
<mx:TextArea Properties condenseWhite="false|true" data="undefined" displayAsPassword="false|true" editable="true|false" horizontalScrollPolicy="auto|on|off" horizontalScrollPosition="0" htmlText="null" imeMode="null" length="0" listData="null" maxChars="0" restrict="null" selectionBeginIndex="0" selectionEndIndex="0" styleSheet="null" text="" textHeight="height of text" [read-only] textWidth="width of text" [read-only] verticalScrollPolicy="auto|on|off" verticalScrollPosition="0" wordWrap="true|false" Styles disabledColor="0xAAB3B3" focusAlpha="0.5" focusRoundedCorners"tl tr bl br" paddingLeft="0"" paddingRight="0"" Events change="No default" />]]>
如果禁用 TextArea 控件,则它将以
TextArea 控件具有以下默认大小特征:
即使
处理
当您使用组件作为项呈示器时,
即使
如果将
将控件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 自动将项目的当前值写入此控件的
不要以 MXML 方式设置此属性。
如果设置了此属性,则会在应用 TextArea 实例的 CSS 样式后应用 HTML 标记。获取此属性时,HTML 标记包括 CSS 样式。
例如,如果将此属性设置为
HTML 标记使用 < and > 等字符,这些字符在 XML 中具有特殊意义(在 MXML 中也同样如此)。所以,以下代码不能编译:
<mx:TextArea htmlText="This is an example of <b>bold</b> markup"/>
有三种方法可以解决此问题。
在作为
<mx:TextArea id="myTextArea" initialize="myTextArea_initialize()"/>
其中
<fx:Script> <![CDATA[ private function myTextArea_initialize():void { myTextArea.htmlText = "This is an example of <b>bold</b> markup"; } ]]> </fx:Script>
由于 HTML 标记依然简单易读,因此这是最简单的方法。请注意,必须为 TextArea 分配一个
使用带有 CDATA 节的子标签指定
<mx:TextArea> <mx:htmlText><![CDATA[This is an example of <b>bold</b> markup]]></mx:htmlText> <mx:TextArea/>
您必须将
使用
<mx:TextArea htmlText="This is an example of <b>bold</b> markup"/>由于使用此方法时 HTML 标记的可读性很差,因此 Adobe 不建议使用此方法。
设置
如果设置
设置
反之,如果设置
若要使 LayoutManager 立即运行,您可以调用 TextArea 的
如果在 ActionScript 中设置
在某个循环内设置
如果尝试将此属性设置为
flash.system.IMEConversionMode 类定义此属性的有效值的常量。您还可以指定
您无需在 MXML 或 ActionScript 中设置此属性;将组件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 会对其进行设置。
默认值为 0,表示无限制。
Flex 按从左到右的顺序浏览字符串。可以使用连字符 (-) 指定一个范围。如果字符串以尖号 (^) 开头,则先接受所有字符,然后从接受字符集中排除字符串中 ^ 之后的字符。如果字符串不以尖号 (^) 开头,则最初不接受任何字符,然后将字符串中的字符包括在接受字符集中。
由于某些字符在
只有在组件经过验证后,
只有在组件经过验证后,
文本字符串中的任何 HTML 标签都将被忽略,其显示效果就像以字符串形式输入的一样。要显示使用 HTML 标签进行格式设置的文本,请改用
要在文本中包括特殊字符左尖括号 (<)、右尖括号 (>) 或和号 (&),请将文本字符串包含在 CDATA 标签中。此外,您可以使用 HTML 字符实体表示特殊字符,例如
如果尝试将此属性设置为
将 mx.controls.Alert 类导入应用程序,然后调用 ActionScript 中的静态
在 Alert 控件中选择一个按钮或按下 Esc 键时,将关闭该控件。
如果您使用其他标签,则可能需要调整
如果您使用其他标签,则可能需要调整
如果您使用其他标签,则可能需要调整
如果您使用其他标签,则可能需要调整
<mx:VRule>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:VRule Styles strokeColor="0xC4CCCC" shadowColor="0xEEEEEE" strokeWidth="2" />]]>
HRule 控件具有下列默认属性:
<mx:ButtonBar>
tag inherits all the tag attributes
of its superclass, and adds the following tag attributes:
<mx:ButtonBar Styles buttonHeight="undefined" buttonStyleName="Name of CSS style declaration, which specifies styles for the buttons" buttonWidth="undefined" firstButtonStyleName="The value of]]>buttonStyleName
" horizontalAlign="center|left|right" horizontalGap="0" lastButtonStyleName="The value ofbuttonStyleName
" verticalAlign="middle|top|bottom" verticalGap="0" Events itemClick="No default" > ... child tags ... </mx:ButtonBar>
按压按钮是一种在被选中后不会记住其选中状态的按钮。按钮栏中按压按钮的典型用途是将一组相关按钮组合到一起,提供共同的外观和导航,并在一个位置处理
ButtonBar 控件可基于其
要控制 ButtonBar 控件的按钮样式,请使用
可以使用 ToggleButtonBar 控件定义一组切换按钮。
ButtonBar 控件具有下列默认特征:
<mx:LinkButton>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:LinkButton Styles cornerRadius="4"" rollOverColor="0xEEFEE6" selectionColor="0xB7F39B" textRollOverColor="0x2B333C" textSelectedColor="0x2B333C" />]]>
LinkButton 控件具有下列默认特征:
<mx:ProgressBar>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:ProgressBar Properties conversion="1" direction="right|left" indeterminate="false|true" label="No default" labelPlacement="bottom|top|left|right|center" maximum="0" minimum="0" mode="event|polled|manual" source="No default" Styles barColor="undefined" barSkin="ProgressBarSkin" borderColor="0xAAB3B3" color="0x0B333C" disabledColor="0xAAB3B3" fontAntiAliasType="advanced" fontFamily="Verdana" fontGridFitType="pixel" fontSharpness="0" fontSize="10" fontThickness="0" fontStyle="normal|italic" fontWeight="normal|bold" horizontalGap="8" indeterminateMoveInterval="26" indeterminateSkin="ProgressIndeterminateSkin" labelWidth="Computed" leading="0" maskSkin="ProgressMaskSkin" paddingLeft="0" paddingRight="0" textAlign="left|right|center" textDecoration="none|underline" textIndent="0" themeColor="haloGreen|haloBlue|haloOrange" trackColors="[0xE6EEEE,0xE6EEEE]" trackHeight="Calculated" trackSkin="ProgressTrackSkin" verticalGap="6" Events complete="No default" hide="No default" progress="No default" show="No default" Effects completeEffect="No default" />]]>
确定 ProgressBar 控件是随时间而变的任务进度的线性表示。在任务范围已知的情况下可使用确定 ProgressBar。当用户必须多等待一段时间时,将显示此控件。
不确定的 ProgressBar 控件给出任务范围未知时基于时间的进度。一旦能够确定范围,就应使用确定 ProgressBar 控件。
ProgressBar 控件具有下列默认特征:
在 ActionScript 中,可以使用以下常量来设置此属性:
在 ActionScript 中,可以使用以下常量来设置此属性:
如果某个域未知,则用“??”替换。如果尚未定义,则不显示此标签。
如果处于手动模式,则可以使用
在 ActionScript 中,可以使用以下常量来设置此属性:
<mx:Text>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:Text leading="2" />]]>
Text 控件不支持滚动条。如果需要进行滚动,则应使用不可编辑的 TextArea 控件。
您可以使用 HTML 标记设置 Text 控件中文本的格式,在应用控件的 CSS 样式后将应用这些标签。您还可以在文本的四周放置填充。
默认情况下,Text 控件中的文本是可选的,但通过将
如果控件宽度小于文本,则文本将 wordwrap。文本在控件中始终为左上角对齐。
通常,通过指定显式宽度并允许 Flex 确定显示所有文本所需的高度来调整 Text 组件的大小。如果指定显式高度,则可能会剪掉某些文本;与 Label 不同,Text 控件不会使用“...”截断其文本。通常,还会对 Text 使用百分比宽度和高度。
如果不指定宽度和高度,Flex 将基于文本中的任何显式换行符来计算它们,行中没有自动换行。例如,如果设置
Text 控件没有背景或边框,并且无法获得焦点。
Text 控件具有下列默认的大小特征:
<mx:Label>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:Label Properties condenseWhite="true|false" data="null" htmlText="" listData="null" selectable="true|false" text="" truncateToFit="true|false" Styles color="0x0B333C" disabledColor="0xAAB3B3" fontAntiAliasType="advanced|normal" fontFamily="Verdana" fontGridFitType="pixel|none|subpixel" fontSharpness="0" fontSize="10" fontStyle="normal|italic" fontThickness="0" fontWeight="normal|bold" paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0" styleSheet="null" textAlign="left|right|center" textDecoration="none|underline" textIndent="0" Events dataChange="No default" />]]>
您可以使用 HTML 标签设置 Label 文本的格式,此类标签在应用 Label 控件的 CSS 样式后应用。您还可以在文本的四周放置填充。默认情况下,Label 文本处于不可选状态,但可以使其处于可选状态。
如果 Label 大小小于其文本大小,您可以控制是直接对文本进行剪辑还是使用可本地化的字符串(如“...”)截断文本。(注意:可截断纯文本,但无法截断 HTML 文本。)如果仅显示了 Label 文本(无论是纯文本还是 HTML 文本)的部分内容,并且您尚未为标签分配工具提示,则当用户将鼠标悬停在 Label 控件上方时,“截断提示”将自动显示完整的纯文本。
Label 控件没有背景和边框,并且无法获取焦点。
Label 控件具有下列默认大小特征:
处理
Label 控件必须将
当您使用组件作为项呈示器时,
如果将
将控件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 自动将项目的当前值写入此控件的
不要以 MXML 方式设置此属性。
如果设置了此属性,则会在应用 Label 实例的 CSS 样式后应用 HTML 标记。获取此属性时,HTML 标记包括 CSS 样式。
例如,如果将此属性设置为
HTML 标记使用 < and > 等字符,这些字符在 XML 中具有特殊意义(在 MXML 中也同样如此)。所以,以下代码不能编译:
<mx:Label htmlText="This is an example of <b>bold</b> markup"/>
有三种方法可以解决此问题。
在作为
<mx:Label id="myLabel" initialize="myLabel_initialize()"/>
其中
<fx:Script> <![CDATA[ private function myLabel_initialize():void { myLabel.htmlText = "This is an example of <b>bold</b> markup"; } ]]> </fx:Script>
由于 HTML 标记依然简单易读,因此这是最简单的方法。请注意,必须为标签分配
使用带有 CDATA 节的子标签指定
<mx:Label> <mx:htmlText><![CDATA[This is an example of <b>bold</b> markup]]></mx:htmlText> <mx:Label/>
您必须将
使用
<mx:Label htmlText="This is an example of <b>bold</b> markup"/>由于使用此方法时 HTML 标记的可读性很差,因此 Adobe 不建议使用此方法。
设置
如果设置
设置
反之,如果设置
要使 LayoutManager 立即运行,您可以对 Label 调用
如果在 ActionScript 中设置
在某个循环内设置
如果尝试将此属性设置为
您无需在 MXML 或 ActionScript 中设置此属性;将组件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 会对其进行设置。
在 Label 控件中指定
只有在组件经过验证后,
只有在组件经过验证后,
当您设置此属性时,字符串中与 HTML 标记类似的字符没有任何特殊含义,将与输入时的显示一样。
要显示使用 HTML 标签格式化的文本,请改用
要在文本中包括特殊字符左尖括号 (<)、右尖括号 (>) 或和号 (&),请将文本字符串包含在 CDATA 标签中。此外,您可以使用 HTML 字符实体表示特殊字符,例如
如果此文本比 Label 控件宽,则将由省略号 (...) 截断并终止。当您将鼠标移动到 Label 控件上时,整个文本将作为工具提示显示。如果您也使用
如果尝试将此属性设置为
<mx:Button>
tag inherits all the tag attributes
of its superclass, and adds the following tag attributes:
<mx:Button Properties autoRepeat="false|true" emphasized="false|true" fontContext="IFontModuleFactory" label="" labelPlacement="right|left|bottom|top" selected="false|true" selectedField="null" stickyHighlighting="false|true" toggle="false|true" Styles borderColor="0xAAB3B3" color="0x0B333C" cornerRadius="4" disabledColor="0xAAB3B3" disabledIcon="null" disabledSkin="mx.skins.halo.ButtonSkin" downIcon="null" downSkin="mx.skins.halo.ButtonSkin" fillAlphas="[0.6, 0.4]" fillColors="[0xE6EEEE, 0xFFFFFF]" focusAlpha="0.5" focusRoundedCorners"tl tr bl br" fontAntiAliasType="advanced" fontFamily="Verdana" fontGridFitType="pixel" fontSharpness="0" fontSize="10" fontStyle="normal|italic" fontThickness="0" fontWeight="bold|normal" highlightAlphas="[0.3, 0.0]" horizontalGap="2" icon="null" kerning="false|true" leading="2" letterSpacing="0" overIcon="null" overSkin="mx.skins.halo.ButtonSkin" paddingBottom="2" paddingLeft="0" paddingRight="0" paddingTop="2" repeatDelay="500" repeatInterval="35" selectedDisabledIcon="null" selectedDisabledSkin="mx.skins.halo.ButtonSkin" selectedDownIcon="null" selectedDownSkin="mx.skins.halo.ButtonSkin" selectedOverIcon="null" selectedOverSkin="mx.skins.halo.ButtonSkin" selectedUpIcon="null" selectedUpSkin="mx.skins.halo.ButtonSkin" skin="mx.skins.halo.ButtonSkin" textAlign="center|left|right" textDecoration="none|underline" textIndent="0" textRollOverColor="0x2B333C" textSelectedColor="0x000000" upIcon="null" upSkin="mx.skins.halo.ButtonSkin" verticalGap="2" Events buttonDown="No default" change="No default" dataChange="No default" />]]>
当用户选择 Button 控件时,该控件通常使用事件侦听器来执行操作。当用户在 Button 控件上单击鼠标时,就会启用 Button 控件,此控件分派
您可以自定义 Button 控件的外观,并将其功能从按压按钮更改为切换按钮。您可以通过对按钮的各个状态使用同一外观来更改按钮外观。
Button 控件的标签使用粗体。若要嵌入某种字体,希望将其用于 Button 控件的标签,则必须嵌入粗体;例如:
<fx:style> @font-face { src:url("../MyFont-Bold.ttf"); fontFamily: myFont; fontWeight: bold; } .myBoldStyle { fontFamily: myFont; fontWeight: bold; } </fx:style> ... <mx:Button ... styleName="myBoldStyle"/>
Button 控件具有下列默认特征:
当您使用组件作为项呈示器时,
Button 子类(如 SliderThumb 和 ScrollThumb 类或 ScrollBar 的向上和向下箭头)将此属性设置为
当您使用此控件作为嵌入式项呈示器或嵌入式项目编辑器时,Flex 会自动将此项目的当前值写入此控件的
不要以 MXML 方式设置此属性。
在 ActionScript 中,您可以使用下列常量来设置此属性:
如果标签宽于 Button 控件,则截断此标签并使用省略号 (...) 终止。当用户将鼠标移至 Button 控件位置时,将显示完整标签作为工具提示。如果您还使用
您无需在 MXML 或 ActionScript 中设置此属性;将组件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 会对其进行设置。
对于 CheckBox 控件,指示框中是否显示了复选标记。对于 RadioButton 控件,指示是否已选中该控件。
用户可以通过单击控件来更改此属性,但也可通过编程方式来设置此属性。
在早期版本中,如果将
<mx:CheckBox>
tag inherits all of the tag
attributes of its superclass and adds the following tag attributes:
<mx:CheckBox Styles disabledIconColor="0x999999" iconColor="0x2B333C" />]]>
CheckBox 控件具有下列默认特征:
<mx:TabBar>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:TabBar Styles firstTabStyleName="Value of the]]>tabStyleName
property" horizontalAlign="left|center|right" horizontalGap="-1" lastTabStyleName="Value of thetabStyleName
property" selectedTabTextStyleName="activeTabStyle" tabHeight="undefined" tabStyleName="Tab" tabWidth="undefined" verticalAlign="top|middle|bottom" verticalGap="-1" Events itemClick="No default" > ... child tags ... </mx:TabBar>
使用 TabBar 控件,可直接由数据确定选项卡,这样您能够以任何方式更改该一个或多个视图。
TabBar 控件具有以下默认特征:
<mx:ColorPicker>
tag inherits all of the properties of its
superclass, and the following properties:
<mx:ColorPicker Properties colorField="color" labelField="label" selectedColor="0x000000" selectedIndex="0" showTextField="true|false" Styles borderColor="0xA5A9AE" closeDuration="250" closeEasingFunction="undefined" color="0x0B333C" disabledIconColor="0x999999" fillAlphas="[0.6,0.4]" fillColors="[0xFFFFFF, 0xCCCCCC]" focusAlpha="0.5" focusRoundedCorners="tl tr bl br" fontAntiAliasType="advanced" fontfamily="Verdana" fontGridFitType="pixel" fontSharpness="0"" fontSize="10" fontStyle="normal" fontThickness="0" fontWeight="normal" highlightAlphas="[0.3,0.0]" iconColor="0x000000" leading="2" openDuration="250" openEasingFunction="undefined" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="4" swatchBorderColor="0x000000" swatchBorderSize="1" swatchPanelStyleName="undefined" textAlign="left" textDecoration="none" textIndent="0" Events change="No default" close="No default" enter="No default" itemRollOut="No default" itemRollOver="No default" open="No default" />]]>
ColorPicker 控件具有下列默认大小特征:
如果 dataProvider 对象不包含颜色字段,则将
如果 dataProvider 对象不包含标签字段,则将
<mx:DateField>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:DateField Properties dayNames="["S", "M", "T", "W", "T", "F", "S"]" disabledDays="No default" disabledRanges="No default" displayedMonth="Current month" displayedYear="Current year" dropdownFactory="ClassFactory that creates an mx.controls.DateChooser" firstDayOfWeek="0" formatString="MM/DD/YYYY" labelFunction="Internal formatter" maxYear="2100" minYear="1900" monthNames="["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]" monthSymbol="" parseFunction="Internal parser" selectableRange="No default" selectedDate="No default" showToday="true|false" yearNavigationEnabled="false|true" yearSymbol="" Styles borderColor="0xAAB3B3" borderThickness="1" color="0x0xB333C" dateChooserStyleName="dateFieldPopup" disabledColor="0xAAB3B3" disabledIconColor="0x999999" focusAlpha="0.5" focusRoundedCorners="tl tr bl br" fontAntiAliasType="advanced" fontFamily="Verdana" fontGridFitType="pixel" fontSharpness="0" fontSize="10" fontStyle="normal|italic" fontThickness="0" fontWeight="normal|bold" iconColor="0x111111" leading="2" paddingLeft="0" paddingRight="0" rollOverColor="0xE3FFD6" selectionColor="0xB7F39B" textAlign="left|right|center" textDecoration="none|underline" textIndent="0" todayColor="0x2B333C" Events change="No default" close="No default" dataChange="No default" open="No default" scroll="No default" />]]>
当 DateChooser 控件处于打开状态时,用户可以在各个月份和年份之间滚动,并选择某个日期。选择日期后,DateChooser 控件关闭,文本字段将显示所选的日期。
如果 DateField 控件的
DateField 具有与其展开的日期选择器的 DateChooser 相同的默认特征(如下所示)。
对于折叠的控件,DateField 具有下列默认特征:
当您使用组件作为项呈示器时,
var todaysDate:String = DateField.dateToString(new Date(), "MM/DD/YYYY");
此函数不检查 Date 对象的有效性。如果日期、月份或年份的值为 NaN,则此方法将返回 null。
例如:
var dob:Date = DateField.stringToDate("06/30/2005", "MM/DD/YYYY");
当您使用此控件作为嵌入式项呈示器或嵌入式项目编辑器时,Flex 会自动将项目的当前值写入此控件的
此属性接受对象 Array 作为参数。此 Array 中的所有对象都是 Date 对象,用于指定要禁用的各个日期;也可以是包含
以下示例将禁用下列日期:2006 年 1 月 11 日,从 2006 年 1 月 23 至同年 2 月 10 日,以及 2006 年 3 月 1 日及后续所有日期。
disabledRanges="{[new Date(2006,0,11), {rangeStart: new Date(2006,0,23), rangeEnd: new Date(2006,1,10)}, {rangeStart: new Date(2006,2,1)}]}"
如果
默认值为当前月份。
默认值为当前年份。
该函数采用 Date 对象作为参数,并以要显示的格式返回一个字符串,如下例所示:
public function formatDate(currentDate:Date):String { ... return dateString; }
如果允许用户在 DateField 控件的文本字段中输入日期,并且使用
您无需在 MXML 或 ActionScript 中设置此属性;将组件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 会对其进行设置。
此函数采用两个参数,并向 DateField 控件返回一个数据对象,如下例所示:
public function parseDate(valueString:String, inputFormat:String):Date { ... return newDate }
其中,
此属性接受 Object 作为参数。该 Object 包含 Date 类型的两个属性:
以下示例仅启用 2006 年 1 月 1 日到 2006 年 6 月 30 日的范围。1 月之前和 6 月之后的月份不会出现在 DateChooser 中。
selectableRange="{{rangeStart : new Date(2006,0,1), rangeEnd : new Date(2006,5,30)}}"
选择当前选定日期时按住 Ctrl 键可取消对该日期的选择,将
<mx:RadioButton>
tag inherits all of the tag
attributes of its superclass, and adds the following tag attributes:
<mx:RadioButton Properties groupName="" labelPlacement="right|left|top|bottom" Styles disabledIconColor="0x999999" iconColor="0x2B333C" />]]>
RadioButton 控件具有以下默认特征:
在 ActionScript 中,可使用以下常量来设置此属性:
<mx:HorizontalList>
tag inherits all of the
tag attributes of its superclass and it adds no new tag attributes.
<mx:HorizontalList/>]]>
HorizontalList 控件具有下列默认大小特征:
tag inherits all of the tag attributes
of its superclass, with the exception of scrolling-related
attributes, and adds the following tag attributes:
<mx:tagname Properties dataProvider="No default" iconField="icon" labeField="label" selectedIndex="-1" toolTipField="toolTip" Events itemClick="No default" > ... child tags ... </mx:tagname>]]>
当使用 ViewStack 容器时,ViewStack 容器子项的
<mx:LinkBar dataProvider="{vs}"/> <mx:ViewStack id="vs"> <mx:VBox label="Accounts" icon="account_icon"/> <mx:VBox label="Leads" icon="leads_icon"/> </mx:ViewStack>
LinkBar 控件包含两个链接:“Accounts”和“Leads”,每个链接都有各自的图标,这些图标在 VBox 标签上指定。单击某个链接时,ViewStack 容器就会导航到相应的视图。
使用 Array 时,
您可以提供一个
对于大多数组件而言,此标签函数仅使用数据提供程序中的某个项目作为唯一参数,并返回一个 String。
myLabelFunction(item:Object):String
<mx:ToggleButtonBar>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:ToggleButtonBar Properties selectedIndex="0" toggleOnClick="false|true" Styles selectedButtonTextStyleName="Name of CSS style declaration that specifies styles for the text of the selected button."> ... child tags ... </mx:ToggleButtonBar>]]>
如果将 ToggleButtonBar 容器的
您可以使用 ButtonBar 控件定义一组按压按钮。
切换按钮通常用于维持一组选项之间的选择,如在 ViewStack 容器中的不同视图之间进行切换。
ToggleButtonBar 控件基于其
要控制 ToggleButtonBar 控件的按钮样式,请使用
ToggleButtonBar 控件具有下列默认特征:
默认值为 0。值为 -1 时将取消对该栏中所有按钮的选择。
<mx:TextInput>
tag inherits the attributes
of its superclass and adds the following attributes:
<mx:TextInput Properties condenseWhite="false|true" data="undefined" displayAsPassword="false|true" editable="true|false" horizontalScrollPosition="0" htmlText="" imeMode="null" length="0" listData="null" maxChars="0" parentDrawsFocus="false" restrict="null" selectionBeginIndex="0" selectionEndIndex="0" text="" textHeight="0" textWidth="0" Styles backgroundAlpha="1.0" backgroundColor="undefined" backgroundImage="undefined" backgroundSize="auto" borderColor="0xAAB3B3" borderSides="left top right bottom" borderSkin="mx.skins.halo.HaloBorder" borderStyle="inset" borderThickness="1" color="0x0B333C" cornerRadius="0" disabledColor="0xAAB3B3" dropShadowColor="0x000000" dropShadowEnabled="false" focusAlpha="0.5" focusRoundedCorners"tl tr bl br" fontAntiAliasType="advanced|normal" fontFamily="Verdana" fontGridFitType="pixel|none|subpixel" fontSharpness="0" fontSize="10" fontStyle="normal|italic" fontThickness="0" fontWeight="normal|bold" paddingLeft="0" paddingRight="0" shadowDirection="center" shadowDistance="2" textAlign="left|right|center" textDecoration="none|underline" textIndent="0" Events change="No default" dataChange="No default" enter="No default" textInput="No default" />]]>
TextInput 控件不包含标签,但是您可以使用 Label 控件或通过将 TextInput 控件嵌套到 Form 容器中的 FormItem 控件添加一个标签。在 FormItem 控件中使用时,TextInput 控件指示是否需要值。TextInput 控件具有许多状态,包括已填充、已选中、已禁用和错误。TextInput 控件支持格式化、验证和键盘等效项;还可分派更改和输入事件。
如果禁用 TextInput 控件,则将以
TextInput 控件可用作其他几个控件的子组件,如 RichTextEditor、NumericStepper 和 ComboBox 控件。因此,如果使用 CSS 类型选择器将样式属性分配给 TextInput 控件,则除非显式覆盖这些属性,否则当 TextInput 显示在其他控件中时,Flex 会将这些样式应用到该控件。
TextInput 控件具有下列默认大小特征:
即使
当您使用组件作为项呈示器时,
即使
如果将
将控件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 自动将项目的当前值写入此控件的
不要以 MXML 方式设置此属性。
设置此属性时,会在应用 TextInput 实例的 CSS 样式后应用 HTML 标记。获取此属性时,HTML 标记包括 CSS 样式。
例如,如果将此属性设置为
HTML 标记使用 < and > 等字符,这些字符在 XML 中具有特殊意义(在 MXML 中也同样如此)。所以,以下代码不能编译:
<mx:TextInput htmlText="This is an example of <b>bold</b> markup"/>
有三种方法可以解决此问题。
在作为
<mx:TextInput id="myTextInput" initialize="myTextInput_initialize()"/>
其中
<fx:Script> <![CDATA[ private function myTextInput_initialize():void { myTextInput.htmlText = "This is an example of <b>bold</b> markup"; } ]]> </fx:Script>
由于 HTML 标记依然简单易读,因此这是最简单的方法。请注意,必须为 TextInput 分配
使用带有 CDATA 节的子标签指定
<mx:TextInput> <mx:htmlText><![CDATA[This is an example of <b>bold</b> markup]]></mx:htmlText> <mx:TextInput/>
您必须将
使用
<mx:TextInput htmlText="This is an example of <b>bold</b> markup"/>由于使用此方法时 HTML 标记的可读性很差,因此 Adobe 不建议使用此方法。
设置
如果设置
设置
反之,如果设置
要使 LayoutManager 立即运行,您可以调用 TextInput 的
如果在 ActionScript 中设置
在某个循环内设置
如果尝试将此属性设置为
flash.system.IMEConversionMode 类定义此属性的有效值的常量。您还可以指定
您无需在 MXML 或 ActionScript 中设置此属性;将组件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 会对其进行设置。
只有在组件经过验证后,
只有在组件经过验证后,
<mx:HRule>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:HRule Styles strokeColor="0xC4CCCC" shadowColor="0xEEEEEE" strokeWidth="2" />]]>
HRule 控件具有下列默认属性:
<mx:PopUpButton>
tag inherits all of the tag
attributes of its superclass and adds the following tag attributes:
<mx:PopUpButton Properties openAlways="false|true popUp="No default" Styles arrowButtonWidth="16" closeDuration="250" closeEasingFunction="No default" disabledIconColor="0x999999" iconColor="0x111111" openDuration="250" openEasingFunction="No default" popUpDownSkin="popUpDownSkin" popUpGap="0" popUpIcon="PopUpIcon" popUpOverSkin="popUpOverSkin" Events close="No default" open="No default" />]]>
PopUpButton 控件的表面可包含一个文本标签、一个图标,或者两者都包含。当用户单击 PopUpButton 控件的主要部分时,此控件将分派
PopUpButton 控件的一个常见用法是,使弹出式按钮打开可更改主按钮的函数和标签的 List 控件或 Menu 控件。
PopUpButton 控件具有以下默认特征:
对于诸如 Menu、List 或 TileList 等弹出式控件,可以保留此属性的默认值 (
<mx:PopUpMenuButton>
tag inherits all of the tag
attributes of its superclass, and adds the following tag attributes:
<mx:PopUpMenuButton Properties dataDescriptor="instance of DefaultDataDescriptor" dataProvider="undefined" iconField="icon" iconFunction="undefined" labelField="label" labelFunction="undefined" showRoot="false|true" Event change=No default />]]>
PopUpMenuButton 控件的主子按钮表面可以包含文本标签、图标或者同时包含两者。当用户从下拉菜单中选择某个项目或单击 PopUpMenuButton 控件的主按钮时,该控件将分派
PopUpMenuButton 控件具有下列大小特征:
如果要将此属性指定为 MXML 中的某个属性,则必须使用对数据描述符的引用,而不是描述符的字符串名称。为该属性使用下列格式:
<mx:PopUpMenuButton id="menubar" dataDescriptor="{new MyCustomDataDescriptor()}"/>
或者,您可以在 MXML 中将该属性指定为嵌套子标签,如下例所示:
<mx:PopUpMenuButton> <mx:dataDescriptor> <myCustomDataDescriptor> </mx:dataDescriptor> ...
默认值为 DefaultDataDescriptor 类的内部实例。
项呈示器在数据提供程序中查找具有指定给
如果数据提供程序是一个 E4X XML 对象,则必须显式设置此属性;例如,使用 @icon 指定
默认情况下,该菜单不会尝试将图标与行中的文本一起显示。但是,通过指定图标函数,您可以为将创建并显示为行中的一个图标的图形指定一个类。
iconFunction 仅采用数据提供程序中的某个项目作为唯一参数,并返回一个类:
iconFunction(item:Object):Class
如果指定此属性,则标签函数必须查找一个或多个合适的字段并返回可显示的字符串。
标签函数必须使用 dataProvider 中的项目作为唯一的自变量,并返回一个字符串,如以下示例所示:
labelFunction(item:Object):String
此属性是只读的,设置它不会产生任何效果。但可以通过设置
<mx:NumericStepper Properties imeMode="null" maxChars="10" maximum="10" minimum="0" stepSize="1" value="0" Styles backgroundAlpha="1.0" backgroundColor="undefined" backgroundImage="undefined" backgroundSize="auto" borderColor="0xAAB3B3" borderSides="left top right bottom" borderSkin="HaloBorder" borderStyle="inset" borderThickness="1" color="0x0B333C" cornerRadius="0" disabledColor="0xAAB3B3" disabledIconColor="0x999999" downArrowDisabledSkin="NumericStepperDownSkin" downArrowDownSkin="NumericStepperDownSkin" downArrowOverSkin="NumericStepperDownSkin" downArrowUpSkin="NumericStepperDownSkin" dropShadowEnabled="false" dropShadowColor="0x000000" focusAlpha="0.5" focusRoundedCorners="tl tr bl br" fontAntiAliasType="advanced" fontFamily="Verdana" fontGridFitType="pixel" fontSharpness="0" fontSize="10" fontStyle="normal|italic" fontThickness="0" fontWeight="normal|bold" highlightAlphas="[0.3,0.0]" iconColor="0x111111" leading="2" paddingLeft="0" paddingRight="0" shadowDirection="center" shadowDistance="2" textAlign="left|center|right" textDecoration="none|underline" textIndent="0" upArrowDisabledSkin="NumericStepperUpSkin" upArrowDownSkin="NumericStepperUpSkin" upArrowOverSkin="NumericStepperUpSkin" upArrowUpSkin="NumericStepperUpSkin" Events change="No default" dataChange="No default" />]]>
NumericStepper 控件具有下列默认特征:
当您使用组件作为项呈示器时,
将控件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 自动将项目的当前值写入此控件的
flash.system.IMEConversionMode 类定义此属性的有效值的常量。您还可以指定
您无需在 MXML 或 ActionScript 中设置此属性;将组件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 会对其进行设置。
<mx:DateChooser>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:DateChooser Properties allowDisjointSelection="true|false" allowMultipleSelection="false|true" dayNames="["S", "M", "T", "W", "T", "F", "S"]" disabledDays="No default" disabledRanges="No default" displayedMonth="Current month" displayedYear="Current year" firstDayOfWeek="0" maxYear="2100" minYear="1900" monthNames="["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]" monthSymbol="" selectableRange="No default" selectedDate="No default" selectedRanges="No default" showToday="true|false" yearNavigationEnabled="false|true" yearSymbol="" Styles backgroundColor="0xFFFFFF" backgroundAlpha="1.0" borderColor="0xAAB3B3" borderThickness="1" color="0x0B333C" cornerRadius="4" disabledColor="0xAAB3B3" disabledIconColor="0x999999" fillAlphas="[0.6, 0.4]" fillColors="[0xFFFFFF, 0xCCCCCC]" focusAlpha="0.5" focusRoundedCorners"tl tr bl br" fontAntiAliasType="advanced" fontFamily="Verdana" fontGridFitType="pixel" fontSharpness="0" fontSize="10" fontStyle="normal|italic" fontThickness="0" fontWeight="normal|bold" headerColors="[0xE1E5EB, 0xF4F5F7]" headerStyleName="headerDateText" highlightAlphas="[0.3, 0.0]" horizontalGap="8" iconColor="0x111111" leading="2" nextMonthDisabledSkin="DateChooserMonthArrowSkin" nextMonthDownSkin="DateChooserMonthArrowSkin" nextMonthOverSkin="DateChooserMonthArrowSkin" nextMonthSkin = "DateChooserMonthArrowSkin" nextMonthUpSkin="DateChooserMonthArrowSkin" nextYearDisabledSkin="DateChooserYearArrowSkin" nextYearDownSkin="DateChooserYearArrowSkin" nextYearOverSkin="DateChooserYearArrowSkin" nextYearSkin = "DateChooserYearArrowSkin" nextYearUpSkin="DateChooserYearArrowSkin" prevMonthDisabledSkin="DateChooserMonthArrowSkin" prevMonthDownSkin="DateChooserMonthArrowSkin" prevMonthOverSkin="DateChooserMonthArrowSkin" prevMonthSkin = "DateChooserMonthArrowSkin" prevMonthUpSkin="DateChooserMonthArrowSkin" prevYearDisabledSkin="DateChooserYearArrowSkin" prevYearDownSkin="DateChooserYearArrowSkin" prevYearOverSkin="DateChooserYearArrowSkin" prevYearSkin = "DateChooserYearArrowSkin" prevYearUpSkin="DateChooserYearArrowSkin" rollOverColor="0xEEFEE6" rollOverIndicatorSkin="DateChooserIndicator" selectionColor="0xB7F39B" selectionIndicatorSkin="DateChooserIndicator" textAlign="left|right|center" textDecoration="none|underline" textIndent="0" todayColor="0x818181" todayIndicatorSkin="DateChooserIndicator" todayStyleName="todayStyle" verticalGap="6" weekDayStyleName="weekDayStyle" Events change="No default" scroll="No default" />]]>
DateChooser 控件具有下列默认特征:
此属性接受对象 Array 作为参数。此数组中的所有对象都是 Date 对象,用于指定要禁用的各个日期;也可以是一个包含
以下示例将禁用下列日期:2006 年 1 月 11 日,从 2006 年 1 月 23 至同年 2 月 10 日,以及 2006 年 3 月 1 日及后续所有日期。
默认值为当前月份。
默认值为当前年份。
设置此属性将更改日期列的顺序。例如,将其设置为 1 可将星期一设置为该控件中的第一列。
此属性接受 Object 作为参数。该 Object 包含 Date 类型的两个属性:
以下示例仅启用 2006 年 1 月 1 日到 2006 年 6 月 30 日的范围。1 月之前和 6 月之后的月份不会出现在 DateChooser 中。
在控件中选择当前所选日期时按住 Ctrl 键可取消对该日期的选择,将
此属性接受对象 Array 作为参数。此数组中的每个对象都具有两个日期对象,
下例选择下列日期:2006 年 1 月 11 日,2006 年 1 月 23 日至 2 月 10 日之间的日期。
<mx:ComboBox>
tag inherits all the tag attributes
of its superclass, and adds the following tag attributes:
<mx:ComboBox Properties dataProvider="null" dropdownFactory="ClassFactory that creates an mx.controls.List" dropdownWidth="100 or width of the longest text in the dataProvider" itemRenderer="null" labelField="label" labelFunction="null" prompt="null" rowCount="5" selectedIndex="-1" selectedItem="null" Styles alternatingItemColors="undefined" arrowButtonWidth="22" borderColor="0xB7BABC" borderThickness="1" closeDuration="250" closeEasingFunction="undefined" color="0x0B333C" cornerRadius="0" disabledColor="0xAAB3B3" disabledIconColor="0x919999" dropdownBorderColor="undefined" dropdownStyleName="comboDropdown" fillAlphas="[0.6,0.4]" fillColors="[0xFFFFFF, 0xCCCCCC]" focusAlpha="0.4" focusRoundedCorners="tl tr bl br" fontAntiAliasType="advanced|normal" fontFamily="Verdana" fontGridFitType="pixel|none|subpixel" fontSharpness="0" fontSize="10" fontStyle="normal|italic" fontThickness="0" fontWeight="normal|bold" highlightAlphas="[0.3,0.0]" iconColor="0x111111" leading="0" openDuration="250" openEasingFunction="undefined" paddingTop="0" paddingBottom="0" paddingLeft="5" paddingRight="5" rollOverColor="Depends on theme color" selectionColor="Depends on theme color" selectionDuration="250" selectionEasingFunction="undefined" textAlign="left|center|right" textDecoration="none|underline" textIndent="0" textRollOverColor="0x2B333C" textSelectedColor="0x2B333C" Events change="No default" close="No default" dataChange="No default" enter="No default" itemRollOut="No default" itemRollOver="No default" open="No default" scroll="No default" />]]>
ComboBox 控件具有以下默认的大小特征:
默认下拉列表高度为五行或下拉列表中的条目数,以较小者为准。下拉列表中每个条目的默认高度为 22 个像素。
当使用组件作为项呈示器时,
此方法按以下顺序进行检查,以查找返回值:
ComboBox 控件按如下方式使用
不要以 MXML 方式设置此属性。
默认值是 100 或
该控件在内部使用 List 控件来创建下拉列表。List 控件的默认项呈示器是 ListItemRenderer 类,此类可绘制与列表中每个项目关联的文本以及可选图标。
但是,如果
例如,某个数据集包含
labelFunction 采用单个参数,该参数是 dataProvider 中的项目并返回 String:
myLabelFunction(item:Object):String
您无需在 MXML 或 ActionScript 中设置此属性;将组件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 会对其进行设置。
如果尚未另外设置
默认值为 -1,但是如果分配了
如果 ComboBox 控件处于可编辑状态,且用户在 TextInput 中键入了任何文本,则
<mx:Image>
tag inherits the tag attributes of its superclass,
and adds the following tag attribute:
<mx:Image Events dataChange="No default" />]]>
注意:Flex 还提供了 SWFLoader 控件用于加载 Flex 应用程序。通常使用 Image 控件来加载静态图形文件和 SWF 文件,而 SWFLoader 用于加载 Flex 应用程序。Image 控件还可用于自定义项呈示器和项目编辑器。
注意:Flex 还包括 BitmapImage 类。该类用于将图像嵌入到外观和 FXG 组件。
嵌入的图像将立即加载,因为它们已经是 Flex SWF 文件的一部分。但是,这些图像会增加应用程序的大小,还会减慢应用程序的初始化过程。嵌入的图像还要求您在图像文件发生更改时立即重新编译应用程序。
如果不希望嵌入资源,也可以在运行时加载资源。您可以在运行 SWF 文件的本地文件系统中加载资源,也可以访问远程资源(通常是借助网络使用 HTTP 请求)。这些图像是独立于您的 Flex 应用程序的,因此,只要修改后的图像名称保持不变,修改图像就不会引发重新编译的操作。引用的图像不会延长应用程序的首次加载时间。但是,如果使用了这些图像并将其加载到 Flash Player 或 AIR,则可能会出现延迟。
SWF 文件只能访问一种外部资源(本地资源或网络资源),而不能同时访问两种资源。您可以在编译应用程序时使用
若要在运行时加载图像,则应了解 Flash Player 或 AIR 的安全限制。例如,在 Flash Player 中,您可以使用 URL 加载任一域中的图像,但默认安全设置不允许您的代码访问图像的位图数据,除非此图像与应用程序来自同一个域。要访问其他服务器上的图像中的位图数据,则必须使用 crossdomain.xml 文件。
PNG 和 GIF 格式还支持使用 alpha 通道创建透明图像。
如果使用 Image 控件作为 List 控件的嵌入式项呈示器,则可以使用
如果出现与 Images 对象有关的内存问题,您可以在应用程序中使用 Image 对象时,尝试将
当您使用组件作为项呈示器时,
当您使用控件作为嵌入式项呈示器时,Flex 会将
您无需在 MXML 或 ActionScript 中设置此属性;将组件用作嵌入式项呈示器或嵌入式项目编辑器时,Flex 会对其进行设置。
<mx:MenuBar>
tag inherits all of the tag attributes of its superclass, and
adds the following tag attributes:
<mx:MenuBar Properties dataDescriptor="mx.controls.treeClasses.DefaultDataDescriptor" dataProvider="undefined" iconField="icon" labelField="label" labelFunction="undefined" menuBarItemRenderer="mx.controls.menuClasses.MenuBarItem" menuBarItems="[]" menus="[]" selectedIndex="-1" showRoot="true" Styles backgroundSkin="mx.skins.halo.MenuBarBackgroundSkin" borderColor="0xAAB3B3" color="0x0B333C" cornerRadius="0" disabledColor="0xAAB3B3" fillAlphas="[0.6,0.4]" fillColors="[0xFFFFFF, 0xCCCCCC]" focusAlpha="0.5" focusRoundedCorners="tl tr bl br" fontAntiAliasType="advanced|normal" fontFamily="Verdana" fontGridFitType="pixel|none|subpixel" fontSharpness="0" fontSize="10" fontStyle="normal|italic" fontThickness="0" fontWeight="normal|bold" highlightAlphas="[0.3,0.0]" itemDownSkin="mx.skins.halo.ActivatorSkin" itemOverSkin="mx.skins.halo.ActivatorSkin" itemUpSkin="mx.skins.halo.ActivatorSkin" leading="2" menuStyleName="No default" rollOverColor="0xB2E1FF" selectionColor="0x7FCEFF" textAlign="left" textDecoration="none" textIndent="0" Events itemClick="No default" itemRollOut="No default" itemRollOver="No default" menuHide="No default" menuShow="No default" />]]>
通常,MenuBar 控件的顶级菜单栏始终可见。此控件不适合用作弹出菜单。当用户使用鼠标或键盘进行选择时,将弹出相应的子菜单。如果选择了某个菜单项,或者用户通过在菜单外单击取消了该菜单,打开的子菜单将会消失。
有关可以在 MenuBar 控件的数据提供程序中使用的属性的信息和示例,请参阅 Menu 控件。
MenuBar 控件具有下列大小特征:
标签函数必须使用数据提供程序中的项目作为单个参数,并返回一个 String。
myLabelFunction(item:Object):String
如果要将此属性指定为 MXML 中的某个属性,则必须使用对数据描述符的引用,而不是描述符的字符串名称。请使用下列格式设置此属性:
<mx:MenuBar id="menubar" dataDescriptor="{new MyCustomDataDescriptor()}"/>
或者,您可以在 MXML 中将该属性指定为嵌套子标签,如下例所示:
<mx:MenuBar> <mx:dataDescriptor> <myCustomDataDescriptor> </mx:dataDescriptor> ...
默认值为 DefaultDataDescriptor 类的内部实例。
MenuItemRenderer 将从数据提供程序中查找由
您可以为 MenuBar 控件的弹出子菜单定义一个项呈示器。由于每个弹出子菜单都是 Menu 控件的一个实例,您可以使用 MenuItemRenderer 类为弹出子菜单定义项呈示器。要为弹出子菜单设置项呈示器,请使用
<mx:VSlider>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attribute:
<mx:VSlider Styles dataTipPlacement="top" />]]>
滑块可能允许使用其最小值和最大值之间的连续范围内的值,也可能限制为最小值和最大值之间采用特定间隔的值。它可能沿轨道按指定间隔显示刻度线。这些刻度线与允许的滑块值无关。滑块还可以使用数据提示显示其当前值。
VSlider 具有垂直方向。滑块轨道从下往上扩展,而标签和刻度线位于轨道的左右两侧。
VSlider 控件具备下列默认特征:
<mx:HSlider>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attribute:
<mx:HSlider Styles dataTipPlacement="top" />]]>
滑块可能允许最小值和最大值之间连续范围内的值,也可能限制为最小值和最大值之间特定间隔内的值。它可能沿轨道按指定间隔显示刻度线。这些刻度线与允许的滑块值无关。滑块还可以使用数据提示显示其当前值。
HSlider 控件采用水平方向。滑块轨道从左向右扩展,而标签和刻度线位于轨道的顶部或底部。
HSlider 控件具有以下默认特征:
<RichTextEditor Properties defaultLinkProtocol="http://" htmlText="" showControlBar="true | false" showToolTips="false | true" text="" Events change />]]>
RichTextEditor 的默认大小为 300 × 325 个像素,默认最小大小为 200 × 220 个像素。如果将 RichTextEditor 控件置于 DividedBox 控件中,请确保 DividedBox 控件的大小足够包含最小尺寸的 RichTextEditor 控件。此外,您可以显式地将 RichTextEditor 控件的 minHeight 或 minWidth 属性设置为
下表描述了您可以访问和修改的子控件:
注意:此规格是字体大小的实际像素值。这些大小值与 HTML 中使用 <font> 标签的
Flex 最初使用由
若要访问其中的一个子控件,您可以使用与以下语法相似的语法:
myRTE.toolBar2.setStyle("backgroundColor", 0xCC6633);
RichTextEditor 控件具有下列下默认的大小特征:
<mx:DataGrid>
tag inherits all of the tag
attributes of its superclass, except for labelField
,
iconField
, and iconFunction
, and adds the
following tag attributes:
<mx:DataGrid Properties columns="From dataProvider" draggableColumns="true|false" editable="false|true" editedItemPosition="]]>null
" horizontalScrollPosition="null" imeMode="null" itemEditorInstance="null" minColumnWidth="NaN
" resizableColumns="true|false" sortableColumns="true|false" Styles backgroundDisabledColor="0xEFEEEF" columnDropIndicatorSkin="DataGridColumnDropIndicator" columnResizeSkin="DataGridColumnResizeSkin" disabledIconColor="0x999999" headerColors="[#FFFFFF, #E6E6E6]" headerDragProxyStyleName="headerDragProxyStyle" headerSeparatorSkin="DataGridHeaderSeparator" headerStyleName="dataGridStyles" horizontalGridLineColor="0xF7F7F7" horizontalGridLines="false|true" horizontalLockedSeparatorSkin="undefined" horizontalSeparatorSkin="undefined" iconColor="0x111111" rollOverColor="0xB2E1FF" selectionColor="0x7FCEFF" sortArrowSkin="DataGridSortArrow" stretchCursor=""cursorStretch" symbol from the Assets.swf file" verticalGridLineColor="0xCCCCCC" verticalGridLines="false|true" verticalLockedSeparatorSkin="undefined" verticalSeparatorSkin="undefined" Events columnStretch="No default" headerRelease="No default" headerShift="No default" itemEditBegin="No default" itemEditBeginning="No default" itemEditEnd="No default" itemFocusIn="No default" itemFocusOut="No default" /> The following DataGrid code sample specifies the column order: <mx:DataGrid> <mx:dataProvider> <mx:Object Artist="Pavement" Price="11.99" Album="Slanted and Enchanted"/> <mx:Object Artist="Pavement" Album="Brighten the Corners" Price="11.99"/> </mx:dataProvider> <mx:columns> <mx:DataGridColumn dataField="Album"/> <mx:DataGridColumn dataField="Price"/> </mx:columns> </mx:DataGrid>
DataGrid 控件提供以下功能:
DataGrid 控件具有以下默认大小特征:
注意:排序箭头由 headerRelease 事件的默认事件处理函数定义。如果在事件处理函数中调用
此方法将编辑器实例设置为
您可能只可以从
可以覆盖此方法以更精细地控制哪些 dataprovider 项目可编辑。例如,如果要禁止编辑分组行或摘要行,则要用针对此行为的自定义逻辑覆盖此方法。
当滚动位置的更改量低于可见行数时,列表类将尝试优化滚动。此时,一些行只需进行移动即可而无需进行其它更改,另一些行则需要删除,然后添加新行。如果滚动位置更改量过大,将删除所有旧行,并调用
若要在编辑项目时访问项目编辑器实例和新项目值,则应使用
不要以 MXML 方式设置此属性。
当用户在标题单元格上方释放鼠标按键时,如果此属性以及列的 sortable 属性均为
若要更改列集,则必须获取此数组,然后修改数组中的列及其顺序,并为 columns 属性指定新数组。这是由于 DataGrid 返回了列数组的一个新副本,所以不会通知已发生更改。
您可以关闭编辑 DataGrid 控件各个列的功能,方法是使用
此 Object 包含
设置此属性可以在视图中滚动项目,并会分派
在
flash.system.IMEConversionMode 类定义此属性的有效值的常量。您还可以指定
<mx:HScrollBar>
tag inherits all of the
tag attributes of its superclass, and adds the following tag attributes:
<mx:HScrollBar Styles repeatDelay="500" repeatInterval="35" Events scroll="No default" />]]>
尽管可以使用 HScrollBar 控件作为独立控件,但通常将其结合作为另一组组件的一部分来提供滚动功能。
ScrollBar 控件由四部分组成:两个箭头按钮、一个轨道和一个滑块。滑块的位置和按钮的显示依赖于控件的当前状态。ScrollBar 控件使用四个参数计算其显示状态:
<mx:RadioButtonGroup>
tag inherits all of the
tag attributes of its superclass, and adds the following tag attributes:
<mx:RadioButtonGroup Properties enabled="true|false" id="No default" labelPlacement="right|left|top|bottom" Events change="No default" itemClick="No default" />]]>
使用
注意,RadioButtonGroup 控件是 EventDispatcher 的子类,而不是 UIComponent 的子类,并实现 IMXMLObject 接口。所有其他 Flex 可视组件是 UIComponent 的子类,该类实现 IUIComponent 接口。RadioButtonGroup 控件在 Flex 编译器中内置了一些支持,允许将 RadioButtonGroup 控件用作 Flex 容器的子项,即使该控件没有实现 IUIComponent。所有其他容器子项必须实现 IUIComponent 接口。
因此,如果尝试将可视组件定义为实现 IMXMLObject 接口的 EventDispatcher 的子类,则不能将其用作容器的子项。
MXML 中的有效值为
在 ActionScript 中,可使用以下常量来设置此属性:
如果设置了
Menu 类没有对应的 MXML 标签。必须使用 ActionScript 创建它。
Menu 控件具有下列大小特征:
Menu 项目的数据提供程序可以指定多个属性,用于确定项目的显示和行为方式,如以下 XML 数据提供程序所示:
<mx:XML format="e4x" id="myMenuData"> <root> <menuitem label="MenuItem A" icon="myTopIcon"> <menuitem label="SubMenuItem A-1" enabled="False"/> <menuitem label="SubMenuItem A-2"/> </menuitem> <menuitem label="MenuItem B" type="check" toggled="true"/> <menuitem label="MenuItem C" type="check" toggled="false" icon="myTopIcon"/> <menuitem type="separator"/> <menuitem label="MenuItem D" icon="myTopIcon"> <menuitem label="SubMenuItem D-1" type="radio" groupName="one"/> <menuitem label="SubMenuItem D-2" type="radio" groupName="one" toggled="true"/> <menuitem label="SubMenuItem D-3" type="radio" groupName="one"/> </menuitem> </root> </mx:XML>
下表列出了您可以指定的属性及其数据类型、目的,以及数据提供程序表示它们必须采取的方式(如果菜单使用 DefaultDataDescriptor 类分析数据提供程序):
应用程序通常不直接调用 Menu 构造函数,而是调用
<mx:Tree Properties dataDescriptor="Instance of DefaultDataDescriptor" dataProvider="null" dragMoveEnabled="true|false" firstVisibleItem="First item in the control" hasRoot="false|true" itemIcons="null" maxHorizontalScrollPosition="0" openItems="null" showRoot="true|false" Styles alternatingItemColors="undefined" backgroundDisabledColor="0xDDDDDD" defaultLeafIcon="'TreeNodeIcon' symbol in Assets.swf" depthColors="undefined" disclosureClosedIcon="'TreeDisclosureClosed' symbol in Assets.swf" disclosureOpenIcon="'TreeDisclosureOpen' symbol in Assets.swf" folderClosedIcon="'TreeFolderClosed' symbol in Assets.swf" folderOpenIcon="'TreeFolderOpen' symbol in Assets.swf" indentation="17" openDuration="250" openEasingFunction="undefined" paddingLeft="2" paddingRight="0" rollOverColor="0xAADEFF" selectionColor="0x7FCDFE" selectionDisabledColor="0xDDDDDD" selectionEasingFunction="undefined" textRollOverColor="0x2B333C" textSelectedColor="0x2B333C" Events change="No default" itemClose="No default" itemOpen="No default" itemOpening="No default" />]]>
默认情况下,叶由文件图标旁边的文本标签表示。分支由文件夹图标旁边的文本标签表示,其中带有一个公开三角形,用户可打开该三角形以显示子项。
Tree 类使用 ITreeDataDescriptor 或 ITreeDataDescriptor2 对象分析和操作数据提供程序。默认树数据描述符(DefaultDataDescriptor 类的一个对象)支持 XML 和 Object 类;Object 类数据提供程序必须包含
Tree 控件具有下列默认大小特征:
如果此操作为
{iconID: Class, iconID2: Class}
此属性旨在允许项目图标的初始化。不会自动检测初始化后此数组发生的更改。请使用
注意:在 Flex 1.0 中,尽管此属性实际上是 XMLNode 或 TreeNode,但均将其键入为 XMLNode。在 2.0 中,它现在是通用类型 Object 并将返回类型与 dataProvider 中包含的数据类型相同的对象。
默认值为 Tree 控件中的第一个项目。
如果将此属性设置为 dataProvider 中最宽的已知项目,Tree 控件会对其进行修改,以便即使最宽的项目位于树中的第四个级别,用户也可以通过滚动看到该项目。因此,尽管您重新读取先前设置的
<mx:VScrollBar>
tag inherits all the
tag attributes of its superclass, and adds the following tag attributes:
<mx:VScrollBar Styles repeatDelay="500" repeatInterval="35" Events scroll="No default" />]]>
虽然 VScrollBar 控件可以单独使用,但通常将它与其他组件一起使用来提供滚动功能。
ScrollBar 控件由四部分组成:两个箭头按钮、一个轨道和一个滑块。滑块的位置和箭头按钮的显示取决于 ScrollBar 控件的当前状态。ScrollBar 控件使用四个参数计算其显示状态:
<mx:LinkBar>
tag inherits all of the tag
attributes of its superclass, and adds the following tag attributes:
<mx:LinkBar Properties selectedIndex="-1" Styles linkButtonStyleName="" horizontalGap="8" paddingBottom="2" paddingTop="2" rollOverColor="0xEEFEE6" selectionColor="0xCDFFC1" separatorColor="No default" separatorSkin="0x000000" separatorWidth="1" textRollOverColor="0x2B333C" textSelectedColor="0x000000" verticalGap="8" > ... child tags ... </mx:LinkBar>]]>
LinkBar 控件基于其
LinkBar 控件具有下列默认特征:
<mx:VideoDisplay>
tag inherits all the tag
attributes of its superclass, and adds the following tag attributes:
<mx:VideoDisplay Properties autoBandWidthDetection="false|true" autoPlay="true|false" autoRewind="true|false" bufferTime="0.1" cuePointManagerClass="" cuePoints="" idleTimeout="300000" live="false|true" maintainAspectRatio="true|false" playheadTime="" playheadUpdateInterval="250" progressInterval="250" source="" totalTime="" volume="0.75" Styles backgroundAlpha="1.0" backgroundColor="0x000000" backgroundImage="undefined" backgroundSize="undefined" borderColor="undefined" borderSides="left top right bottom" borderSkin="ClassReference('mx.skins.halo.HaloBorder')" borderStyle="none" borderThickness="1" cornerRadius="0" dropShadowColor="0x000000" dropShadowEnabled="false|true" shadowDirection="center" shadowDistance="2" Events close="No default" complete="No default" cuePoint="No default" playheadUpdate="No default" progress="No default" ready="No default" rewind="No default" stateChange="No default" />]]>
您可以使用此事件跟踪回放何时进入和离开不可响应状态(例如,在连接、调整大小或后退过程中)、何时对调用
您可以使用此事件检查加载的字节数或缓冲区中的字节数。首次调用
此方法类似于
若要再次开始回放,请调用
如果控件处于不可响应状态,则会将请求排队。
如果控件处于不可响应状态,则会将请求排队。
要流式播放来自摄像机的视频,请调用
若要再次开始回放,请调用
如果回放已经停止,则此方法无效。如果控件处于不可响应状态,则会将请求排队。
application.onConnect = function(p_client, p_autoSenseBW) { //Add security code here. this.acceptConnection(p_client); if (p_autoSenseBW) this.calculateClientBw(p_client); else p_client.call("onBWDone"); }
application.calculateClientBw = function(p_client) { // Add code to set the clients BandWidth. // Use p_client.getStats() which returns bytes_in // and bytes_Out and check your bandWidth using // p_client.call("onBWCheck", result, p_client.payload). p_client.call("onBWDone"); }
Client.prototype.getStreamLength = function(p_streamName) { return Stream.length(p_streamName); }
即使
当没有输入流时、当流来自 Flash Media Server 时或没有可用信息时,返回 -1。
当没有输入流时、当流来自 Flash Media Server 时或没有可用信息时,返回 -1。
当视频回放到达指定的位置时,使用提示点触发
嵌入到 FLV 中的提示点不能通过
当视频回放到达指定的位置时,使用提示点触发
嵌入到 FLV 中的提示点不能通过
Array 中的每个元素都包含两个字段:
如果 FLV 文件是用 Flash 8 编码器编码的,则
视频内容延迟很短的一段时间,以便与音频同步。例如,如果
请注意,VideoDisplay 类将在其时间设置中补偿此延迟。这意味着您可以继续使用在源文件中所使用的时间设置。
将此属性设置为一个以秒为单位的值将执行搜索操作。如果当前正在播放视频,则会从新的播放头位置继续播放。如果视频处于暂停状态,它将搜索到新播放头位置,并保持暂停状态。如果视频处于停止状态,它将搜索到新播放头位置,并进入暂停状态。设置此属性对实时视频流不起作用。
如果新的播放头位置小于 0 或为 NaN,则控件将引发异常。如果新的播放头位置跳过视频的结尾,或超出目前为止已下载的视频文件量,控件仍将尝试进行搜索。
对于 FLV 文件,设置
如果播放器处于不可响应状态,则将请求排队。
如果在没有连接任何流的情况下设置,此属性将引发异常。使用
如果在播放视频时设置此属性,则计时器将在 0 处重新开始计时,下一个
如果在下载视频时设置此属性,则计时器将在 0 处重新开始计时,下一个
当
如果控件为不可响应,将对
此属性可在 VideoEvent 类中定义下列值:
<mx:ComboBase>
tag inherits all the tag attributes
of its superclass, and adds the following tag attributes:
<mx:tagname Properties dataProvider="null" editable="false|true" imeMode="null" restrict="null" selectedIndex="-1" selectedItem="null" text="" Styles disabledSkin="Depends on class" downSkin="Depends on class" editableDisabledSkin="Depends on class" editableDownSkin="Depends on class" editableOverSkin="Depends on class" editableUpSkin="Depends on class" overSkin="Depends on class" textInputStyleName="" upSkin="Depends on class" />]]>
如果尚未另外设置
如果值为
如果 ComboBox 控件是可编辑的,则当用户在文本字段中键入任何文本时,
与其他许多失效的 Flex 属性(设置它们不会立即产生效果)不同,
如果数据为对象或类实例,则修改对象或实例中的属性会修改
与其他许多失效的 Flex 属性(设置它们不会立即产生效果)不同,
注意:使用
默认情况下,TileList 控件不使用数据效果。对于 TileList 控件,使用 DefaultTileListEffect 类的实例。
<mx:TileList>
tag inherits
all of the tag attributes of its superclass, but ignores the
variableRowHeight
and wordWrap
tag attributes.
It adds no additional tag attributes.
<mx:TileList/>]]>
TileList 控件具有以下默认大小特征: