Класс FormItemLabel не добавляет функциональные возможности своему суперклассу Label. Вместо этого он позволяет пользователю установить стили в селекторе типов FormItemLabel и установить стили, влияющие на метки во всех контейнерах FormItem.
Примечание. Этот класс устарел. Рекомендуемым способом применения стиля к метке FormItem является использование свойства стиля
По умолчанию элемент управления Label не использует эффект данных. Для элемента управления 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.
Этот объект состоит из двух полей,
При установке этого свойства выполняется прокрутка с переводом элемента в видимую область и передача события
Из прослушивателя событий для событий
Класс 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.
При активации данного свойства после применения стилей CSS для экземпляра TextArea применяется разметка HTML. При получении этого свойства разметка HTML включает стили CSS.
Например, при определении строки, такой как
В разметке HTML используются символы, такие как < и >, которые имеют специальное значение в 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 необходимо присвоить
Укажите значение свойства
<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"/>Adobe не рекомендует использовать этот подход, поскольку при этом разметка HTML становится практически нечитаемой.
Если для свойства
При считывании свойства
Установка свойства
Наоборот, при установке свойства
Для немедленного запуска LayoutManager можно вызвать метод
При установке свойств
Настройка свойства
При попытке установить для этого свойства значение
Класс flash.system.IMEConversionMode определяет константы для допустимых значений этого свойства. Можно также указать значение
Это свойство не устанавливается в MXML или ActionScript; Flex устанавливает его, когда компонент используется как средство визуализации или редактор вставных элементов.
Значением по умолчанию является 0. При этом значении ограничения отсутствуют.
Flex сканирует строку слева направо. Диапазон определяется с помощью символа (-). Если строка начинается с символа вставки (^), все символы изначально поддерживаются, а последующие символы в строке исключаются из набора поддерживаемых символов. Если строка не начинается с символа вставки (^), символы изначально не поддерживаются, а последующие символы в строке включаются в набор поддерживаемых символов.
Поскольку некоторые символы при использовании в свойстве
Значение свойства
Значение свойства
Любые HTML-теги в текстовой строке игнорируются и отображаются при вводе в строку. Для отображения отформатированного текста с помощью HTML-тегов используется свойство
Для включения в текст специальных символов левой угловой скобки (<), правой угловой скобки (>) или амперсенда (&) необходимо заключить текстовую строку в тег CDATA. Либо, можно использовать объекты HTML для специальных символов, например
При попытке установить для этого свойства значение
Импортируйте класс mx.controls.Alert в приложение, а затем вызовите статический метод
Элемент управления 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 Button создает элементы управления Button в зависимости от значения свойства
Для управления стилями кнопок элемента управления 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 для установки значения этого свойства используются следующие константы:
Если значение поля неизвестно, оно заменяется на «??». Если установлено значение undefined, метка не отображается.
В ручном режиме значения этих специальных символов устанавливаются с помощью метода
В 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.
В элементе управления Text можно выполнить форматирование текста с помощью HTML-тегов, которые применяются после применения CSS-стилей элемента управления. Вокруг четырех сторон текста можно также поместить заполнение.
Текст в элементе управления Text по умолчанию является доступным для выбора, но можно запретить его выбор с помощью установки для свойства
Если ширина элемента управления не соответствует ширине текста, то текст будет автоматически перенесен. Текст всегда выравнивается по левому верхнему углу элемента управления.
Для определения размера компонента Text обычно указывается явная ширина с разрешением Flex определить высоту автоматически для отображения текста полностью. При явном указании высоты часть текста может быть отсечена; в отличие от элемента управления 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, которые применяются после применения стилей CSS элемента управления Label. Вокруг четырех сторон текста можно также поместить заполнение. По умолчанию текст метки выбрать невозможно, однако можно сделать его доступным для выбора.
Если установленный размер метки меньше, чем размер ее текста, можно выбрать, следует ли просто отсекать текст или его следует отсекать с помощью локализуемой строки, например "...". (Примечание. Обычный текст может отсекаться, а текст в формате HTML – не может.) Если весь текст метки – обычный текст или текст HTML – не является полностью видимым, и всплывающие подсказки для метки не назначены, то при удерживании курсора мыши на элементе управления Label с помощью truncation tip автоматически отображается неформатированный текст.
Элементы управления Label не имеют цвета и границ, и невозможно выполнить фокусировку на них.
Для элемента управления Label по умолчанию установлены следующие характеристики размеров.
При обработке события
Для элемента управления Label свойство
При использовании компонента как средства визуализации элементов свойство
Свойство
Если для свойства
При использовании элемента управления в качестве средства визуализации или редактора вставных элементов Flex автоматически записывает текущее значение элемента в свойство
Это свойство не устанавливается в MXML.
При установке значения для этого свойства после применения стилей CSS для экземпляра Label применяется разметка HTML. При получении этого свойства разметка HTML включает стили CSS.
Например, при определении строки, такой как
В разметке HTML используются символы, такие как < и >, которые имеют специальное значение в 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 остается читаемой. Учтите, что следует присвоить
Укажите значение свойства
<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"/>Adobe не рекомендует использовать этот подход, поскольку при этом разметка HTML становится практически нечитаемой.
Если для свойства
При считывании свойства
Установка свойства
Наоборот, при установке свойства
Для немедленного запуска LayoutManager можно вызвать метод
При установке свойств
Настройка свойства
При попытке установить для этого свойства значение
Это свойство не устанавливается в MXML или ActionScript; Flex устанавливает его, когда компонент используется как средство визуализации или редактор вставных элементов.
Если событие
Значение свойства
Значение свойства
Если установлено это свойство, любые символы, похожие на символы разметки 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, необходимо встроить полужирный шрифт, например:
<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 имеет те же характеристики по умолчанию (см. ниже), что и 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 автоматически записывает текущее значение элемента в свойство
Это свойство принимает массив объектов в качестве параметра. Каждый объект в этом массиве является объектом Date, который указывает один день, подлежащий деактивации; или объектом, содержащим одно или оба свойства
Например, требуется деактивировать следующие даты: 11 января 2006 г. в диапазоне от 23 января до 10 февраля 2006 г., а также 1 марта 2006 г. и все последующие даты.
disabledRanges="{[new Date(2006,0,11), {rangeStart: new Date(2006,0,23), rangeEnd: new Date(2006,1,10)}, {rangeStart: new Date(2006,2,1)}]}"
При установке значения для этого свойства внешний вид элемента управления DateChooser незамедлительно изменяется, если деактивированные даты включены в свойства
Значением по умолчанию является текущий месяц.
Значением по умолчанию является текущий год.
Функция принимает в качестве аргумента объект Date и возвращает строку в указанном формате, как показано ниже:
public function formatDate(currentDate:Date):String { ... return dateString; }
Если пользователь может вводить дату в текстовое поле элемента управления DateField, а функция форматирования определена с помощью свойства
Это свойство не устанавливается в MXML или ActionScript; Flex устанавливает его, когда компонент используется как средство визуализации или редактор вставных элементов.
Функция принимает два аргумента и возвращает объект Date в элемент управления DateField, например:
public function parseDate(valueString:String, inputFormat:String):Date { ... return newDate }
Здесь аргумент
Это свойство принимает объект в качестве параметра. Объект содержит два свойства типа Date:
В следующем примере активирован только диапазон с 1 января 2006 года по 30 июня 2006 года. Месяцы до января и после июня не отображаются в 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 для заполнения элементов навигации применяются свойства
<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 содержит две ссылки: «Учетные записи» и «Руководители», каждая из которых имеет собственный значок, определенный в тегах VBox. При переходе по ссылке контейнер ViewStack перемещается в соответствующее представление.
При использовании массива свойство
Можно предоставить функцию
Для большинства компонентов функция метки принимает отдельный аргумент, который является элементом в поставщике данных и возвращает строку.
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>]]>
При установке для свойства
Для определения группы нажимных кнопок используется элемент управления ButtonBar.
Кнопка-переключатель обычно используется для обеспечения выбора одной функции из набора, например при переключении представлений в контейнере ViewStack.
Элемент управления ToggleButtonBar создает элементы управления Button в зависимости от значения свойства
Для управления стилями кнопок элемента управления 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 в элемент управления FormItem в контейнере Form. При использовании в элементе управления FormItem элемент управления TextInput указывает, является ли значение обязательным. Элементы управления TextInput имеют ряд состояний, включая filled (заполнено), selected (выбрано), disabled (отключено) и error (ошибка). Элементы управления TextInput поддерживают эквиваленты форматирования, проверки правильности и управления с клавиатуры; они также передают события изменения и ввода.
При деактивации элемента управления TextInput его содержимое отображается в цвете, указанном стилем
Элемент управления TextInput используется как подчиненный компонент в нескольких других элементах управления, например RichTextEditor, NumericStepper и ComboBox. В результате при назначении свойства стиля элементу управления TextInput посредством селектора типа CSS Flex применяет эти стили к TextInput в случае его отображения в других элементах управления, если они не были явно переопределены.
Элемент управления TextInput имеет следующие характеристики размеров по умолчанию:
Даже в случае, если значением по умолчанию свойства
При использовании компонента как средства визуализации элементов свойство
Даже в случае, если значением по умолчанию для свойства
Свойство
Если для свойства
При использовании элемента управления в качестве средства визуализации или редактора вставных элементов Flex автоматически записывает текущее значение элемента в свойство
Это свойство не устанавливается в MXML.
При установке значения этого свойства разметка HTML применяется после CSS-стилей для экземпляра TextInput. При получении этого свойства разметка HTML включает стили CSS.
Например, при установке строки
В разметке HTML используются символы, такие как < и >, которые имеют специальное значение в 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 необходимо присвоить
Укажите значение свойства
<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"/>Adobe не рекомендует использовать этот подход, поскольку при этом разметка HTML становится практически нечитаемой.
Если для свойства
При считывании свойства
Установка свойства
Наоборот, при установке свойства
Для немедленного запуска LayoutManager вызовите метод
При установке свойств
Настройка свойства
При попытке установить для этого свойства значение
Класс 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 и возвращает элемент String, как показано в следующем примере:
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 по умолчанию установлены следующие характеристики:
При использовании компонента как средства визуализации элементов свойство
Если компонент используется в качестве средства визуализации или редактора вставных элементов, текущее значение элемента автоматически записывается в свойство
Класс 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 по умолчанию имеет характеристики, перечисленные ниже.
Это свойство принимает массив объектов в качестве параметра. Каждый объект в этом массиве является либо объектом Date, определяющим один день, подлежащий деактивации; либо объектом, содержащим один или оба свойства
Например, требуется деактивировать следующие даты: 11 января 2006 г. в диапазоне от 23 января до 10 февраля 2006 г., а также 1 марта 2006 г. и все последующие даты.
Значением по умолчанию является текущий месяц.
Значением по умолчанию является текущий год.
При установке значения для этого свойства изменяется порядок следования столбцов с названиями дней недели. Например, установка этого свойства в значение 1 отображает понедельник в первом столбце элемента управления.
Это свойство принимает объект в качестве параметра. Объект содержит два свойства типа Date:
В следующем примере активирован только диапазон с 1 января 2006 года по 30 июня 2006 года. Месяцы до января и после июня не отображаются в DateChooser.
Нажатие клавиши Ctrl при выборе даты, выделенной в настоящий момент, приводит к отмене выделения, устанавливает свойство
Это свойство принимает массив объектов в качестве параметра. Каждый объект в массиве имеет два объекта даты:
В следующем примере выбирается дата 11 января 2006 года, а также диапазон с 23 января по 10 февраля 2006 года.
<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, и возвращает строку:
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 может обращаться только к одному типу внешнего ресурса, либо к локальному, либо по сети; он не может получить доступ к ресурсам обоих типов. Тип доступа, разрешенного файлу SWF, определяется с помощью флажка
При загрузке изображений во время выполнения следует учитывать ограничения безопасности приложений Flash Player или AIR. Например, в приложении Flash Player можно загружать изображение с любого домена с помощью URL-адреса, но настройки безопасности по умолчанию не позволят коду получать доступ к растровым данным изображения, если оно не поступило с того же домена, что и приложение. Для получения доступа к растровым данным изображений на других серверах следует использовать файл crossdomain.xml.
Форматы PNG и GIF также поддерживают использование альфа-канала для создания прозрачных изображений.
При использовании элемента управления Image как средства визуализации вставных элементов в элементе управления List установите явную высоту строки элемента управления List с помощью свойства
В случае возникновения проблемы недостатка памяти, связанной с объектами изображений, после окончания работы с этими объектами в приложении постарайтесь напрямую установить для свойства
При использовании компонента как средства визуализации элементов свойство
При использовании элемента управления как средства визуализации вставных элементов 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 имеет следующие характеристики размеров:
Функция метки принимает отдельный аргумент, являющийся элементом в поставщике данных, и возвращает строку.
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 в своем минимальном виде. Кроме того, можно явно установить для свойства minHeight или minWidth элемента управления RichTextEditor значение
В следующей таблице описаны нижестоящие элементы управления, к которым можно обращаться и изменять их.
Примечание.Эта спецификация – фактическое значение размера шрифта в пикселях. Эти размеры не эквивалентны относительным размерам шрифта, заданным в 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.
Если пользователь отпускает кнопку мыши, находясь на ячейке заголовка, элемент управления DataGrid обеспечивает передачу события
Для изменения установок для столбцов следует получить этот массив, выполнить изменения столбцов и порядка столбцов в массиве, а затем присвоить новый массив свойству столбцов. Так происходит потому, что элемент управления DataGrid возвращает новую копию массива столбцов и не учитывает изменения.
Редактирование отдельных столбцов элемента управления компонента DataGrid можно отключить с помощью свойства
Этот объект имеет два поля,
Установка этого свойства приводит к прокрутке с переводом элемента в видимую область и передаче события
Из прослушивателя событий для событий
Класс 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, что позволяет использовать его как нижестоящий элемент контейнера Flex даже при отсутствии реализации IUIComponent. Все другие нижестоящие элементы контейнера должны реализовывать интерфейс IUIComponent.
Поэтому при попытке определения визуального компонента как подкласса EventDispatcher, реализующего интерфейс IMXMLObject, невозможно использовать его как нижестоящий элемент контейнера.
Допустимыми значениями в MXML являются
В ActionScript для установки значения этого свойства можно использовать следующие константы:
В компоненте Flex при установке значения
Класс Menu не имеет соответствующего тега MXML. Следует создать его с помощью ActionScript.
Элемент управления 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 в меню для анализа поставщика данных:
Приложения, как правило, непосредственно не вызывают конструктор меню. Вместо этого приложения вызывают метод
<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, хотя в действительности оно являлось XMLNode или TreeNode. Теперь в версии 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 создает элементы управления LinkButton на основании значения свойства
Элемент управления 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" />]]>
Это событие позволяет отслеживать, когда проигрыватель находится в неуправляемом состоянии (например, в середине подключения, при изменении размеров или при перемотке), и в течение этого времени вызывает методы
Это событие передается первый раз, когда элемент управления VideoDisplay входит в управляемое состояние после загрузки нового FLV-файл с помощью метода
Событие может использоваться для получения информации о количестве загруженных байтов или количестве байтов в буфере. Это событие начинает передаваться при первом вызове метода
Метод
Этот метод аналогичен методу
Для повторного запуска воспроизведения следует выполнить вызов метода
Если элемент управления находится в неуправляемом состоянии, то запрос устанавливается в очередь.
Если элемент управления находится в неуправляемом состоянии, то запрос устанавливается в очередь.
Для видеопотока из камеры следует выполнить вызов метода
Для повторного запуска воспроизведения следует выполнить вызов метода
Если воспроизведение уже остановлено, этот метод недействителен. Если элемент управления находится в неуправляемом состоянии, то запрос устанавливается в очередь.
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); }
Даже если
Содержит -1, если входной поток отсутствует, поток поступает с Flash Media Server или информация еще недоступна.
Содержит -1, если входной поток отсутствует, поток поступает с Flash Media Server или информация еще недоступна.
Следует использовать контрольные точки для запуска события
Контрольные точки, вложенные в FLV, недоступны через
Следует использовать контрольные точки для запуска события
Контрольные точки, вложенные в FLV, недоступны через
Каждый элемент массива содержит два поля:
Если 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 по умолчанию не использует эффект данных. Экземпляр класса DefaultTileListEffect необходимо использовать для элемента управления TileList.
<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 имеет следующие характеристики размеров по умолчанию: