<mx:Canvas>
tag inherits all the tag attributes
of its superclass. Use the following syntax:
<mx:Canvas> ... child tags ... </mx:Canvas>]]>
Hinweis: Adobe empfiehlt, wenn immer möglich die Spark-Container mit BasicLayout anstelle des Halo Canvas-Containers zu verwenden.
Flex legt die untergeordneten Objekte eines Canvas-Layoutcontainers mit ihren bevorzugten Breiten und Höhen fest. Sie können den Wert für die bevorzugte Breite eines untergeordneten Objekts überschreiben, indem Sie seine
Wenn Sie die Größenbestimmung als Prozentwert in einem Canvas-Container verwenden, könnten einige Komponenten einander überlagern. Wenn Sie diesen Effekt nicht erzielen möchten, planen Sie die Positionen und Größen Ihrer Komponenten entsprechend.
Der Canvas-Container weist folgende Merkmale für die Standardgrößen auf:
Die
Die
Die
Alle vorstehend beschriebenen Werte sind gemessene Breiten und Höhen des Canvas-Containers. Der Benutzer kann die gemessenen Werte überschreiben, indem er explizit einen Wert für die folgenden Eigenschaften festlegt:
Sie sollten diese Methode nicht direkt aufrufen. Der Flex-LayoutManager ruft sie zum erforderlichen Zeitpunkt auf. Beim Start der Anwendung versucht der Flex-LayoutManager, alle Komponenten - von den untergeordneten bis zu den übergeordneten Objekten - zu messen, bevor er sie auf ihre endgültigen Größen festlegt.
Dies ist eine erweiterte Methode für die Verwendung von Unterklassen. Wenn Sie diese Methode überschreiben, muss Ihre Implementierung entweder die
Der Canvas-Container ändert die Positionen seiner untergeordneten Objekte nicht. Jedes untergeordnete Objekt wird gemäß den Werten seiner
Der Canvas-Container richtet die Breite und Höhe jedes untergeordneten Objekts so ein, dass sie den
Sie sollten diese Methode nicht direkt aufrufen. Der Flex-LayoutManager ruft sie zum erforderlichen Zeitpunkt auf. Wenn die Anwendung startet, ruft der Flex-LayoutManager die
Dies ist eine erweiterte Methode für die Verwendung von Unterklassen. Wenn Sie diese Methode überschreiben, muss Ihre Implementierung die
<mx:DividedBox>
tag inherits all of the tag
attributes of its superclass, and adds the following tag attributes:
<mx:DividedBox Properties liveDragging="false|true" resizeToContent="false|true" Styles dividerAffordance="6" dividerAlpha="0.75" dividerColor="0x6F7777" dividerSkin="'mx.skins.BoxDividerSkin' symbol in Assets.swf" dividerThickness="3" horizontalDividerCursor="'mx.skins.cursor.HBoxDivider' symbol in Assets.swf" verticalDividerCursor="'mx.skins.cursor.VBoxDivider' symbol in Assets.swf" Events dividerPress="No default" dividerDrag="No default" dividerRelease="No default" > ... child tags ... </mx:DividedBox>]]>
Die DividedBox-Klasse ist die Basisklasse für die häufiger verwendeten HDividedBox- VDividedBox-Klassen.
Die
Ein DividedBox-, HDividedBox- oder VDividedBox-Container hat folgende Standardgrößeneigenschaften:
<mx:ApplicationControlBar>
tag
inherits all of the tag attributes of its superclass, and adds the
following tag attributes.
Unlike the ControlBar container, it is possible to set the
backgroundColor
style for an ApplicationControlBar
container.
<mx:ApplicationControlBar Properties dock="false|true" Styles fillAlphas="[0, 0]" fillColors="[0xFFFFFF, 0xFFFFFF]" > ... child tags ... </mx:ApplicationControlBar>]]>
Hinweis: Der Spark Application-Container unterstützt den ApplicationControlBar-Container nicht. Modifizieren Sie die Skin des Spark Application-Containers, um diese Funktionalität hinzuzufügen.
Der ApplicationControlBar-Container kann in einem der folgenden Modi sein:
Der ApplicationControlBar-Container weist folgende Merkmale für die Standardgrößen auf:
<mx:HDividedBox>
tag inherits all of the tag
attributes of its superclass except direction
and adds
no new tag attributes.
]]>Ein HDividedBox-Container weist folgende Merkmale für die Standardgrößen auf:
<mx:Grid>
tag inherits all of the tag
attributes of its superclass, except the Box.direction
property, and adds the following tag attributes:
<mx:Grid Styles horizontalGap="8" verticalGap="6" > ... These child tags are examples only: <mx:GridRow id="row1"> <mx:GridItem rowSpan="1" colSpan="1"> <mx:Button label="Button 1"/> </mx:GridItem> ... </mx:GridRow> ... </mx:Grid>]]>
Die Zellen in einer bestimmten Zeile sind gleich hoch, aber die Zeilen können unterschiedliche Höhen aufweisen. Die Zellen in einer bestimmten Spalte sind gleich breit, aber die Spalten können unterschiedliche Breiten aufweisen. Sie können eine unterschiedliche Anzahl von Zellen für jede Zeile oder Spalte des Grid-Containers definieren. Außerdem kann sich eine Zelle über mehrere Spalten oder Zeilen des Containers erstrecken.
Die Grid-, GridRow- und GridItem-Containers weisen folgende Merkmale für ihre Größenbestimmung auf:
Diese Methode sollten Sie nicht direkt aufrufen. Es handelt sich um eine erweiterte Methode für die Verwendung bei Unterklassen. Der Flex-LayoutManger ruft die
Zum Verständnis der Berechnung der Messwerte durch den Grid-Container können Sie davon ausgehen, dass jeder GridItem-Container seine
Die Eigenschaftswerte für
Wenn die
Allerdings ist die
Alle vorstehend beschriebenen Werte sind gemessene Breiten und Höhen des Grid-Containers. Der Benutzer kann die gemessenen Werte überschreiben, indem er explizit einen Wert für die folgenden Eigenschaften festlegt:
Wenn Sie diese Methode überschreiben, muss Ihre Implementierung die
Diese Eigenschaften entsprechen den weiter oben angeführten Layouteigenschaften und werden daher nicht eigens dokumentiert.
Diese Methode sollten Sie nicht direkt aufrufen. Es handelt sich um eine erweiterte Methode für die Verwendung bei Unterklassen. Der Flex-LayoutManger ruft die
Der Grid-Container befolgt dieselben Layoutregeln wie der VBox-Container. Die Positionen und Größen der GridRow-Container werden auf dieselbe Art berechnet wie ein VBox-Container die Positionen und Größen seiner untergeordneten Objekte ermittelt. Ein GridRow-Container platziert daher seine GridItem-Container mit einem ähnlichen Layout-Algorithmus wie ein HBox-Container.
Der einzige Unterschied besteht darin, dass die GridRow-Containers untereinander koordinieren, sodass sie alle dieselben Positionen und Größen für ihre untergeordneten Objekte wählen (damit die Spalten des Grid-Containers ausgerichtet sind).
Wenn Sie diese Methode überschreiben, muss Ihre Implementierung die
<mx:TabNavigator>
tag inherits all of the
tag attributes of its superclass,
and adds the following tag attributes:
<mx:TabNavigator Styles firstTabStyleName="Value of the]]>tabStyleName
property" focusAlpha="0.4" focusRoundedCorners="tl tr bl br" horizontalAlign="left|center|right" horizontalGap="-1" lastTabStyleName="Value of thetabStyleName
property" selectedTabTextStyleName="undefined" tabHeight="undefined" tabOffset="0" tabStyleName="Name of CSS style declaration that specifies styles for the tabs" tabWidth="undefined" > ... child tags ... </mx:TabNavigator>
Hinweis: Die direkt untergeordneten Elemente von MX-Navigatorcontainern müssen entweder MX-Layout- oder MX-Navigatorcontainer sein oder aber Spark-NavigatorContent-Container. Innerhalb eines Navigators können Sie nur den Spark-NavigatorContent-Container direkt verschachteln, nicht jedoch sonstige Steuerelemente oder Spark-Container. Es muss sich um untergeordnete Elemente eines untergeordneten MX-Containers handeln.
Wie bei einem ViewStack-Container enthält ein TabNavigator-Container eine Sammlung von untergeordneten Containern, in der jeweils nur ein untergeordnetes Objekt sichtbar ist. Flex erstellt automatisch einen TabBar-Container am oberen Rand des TabNavigator-Containers, wobei jeweils eine Registerkarte einem untergeordneten Container entspricht. Jede Registerkarte kann ihre eigene Beschriftung und ihr eigenes Symbol haben. Wenn der Benutzer auf eine Registerkarte klickt, wird der zugeordnete untergeordnete Container als ausgewähltes untergeordnetes Objekt des TabNavigator-Containers sichtbar.
Wenn Sie den aktuell sichtbaren untergeordneten Container ändern, können Sie die
Um das Aussehen von Registerkarten in einem TabNavigator-Container zu definieren, können Sie Stileigenschaften in einem Tab-Selektor wie in dem folgenden Beispiel festlegen:
<fx:Style> @namespace mx "library://ns.adobe.com/flex/mx" mx|Tab { fillColors: #006699, #cccc66; upSkin: ClassReference("CustomSkinClass"); overSkin: ClassReference("CustomSkinClass"); downSkin: ClassReference("CustomSkinClass"); } </fx:Style>
Der Tab-Selektor definiert Werte in der verborgenen mx.controls.tabBarClasses.Tab-Klasse. Die Standardwerte für den Tab-Selektor werden in der Datei defaults.css definiert.
Sie können die Stile auch in einem Klassenselektor definieren, den Sie mit der
<fx:Style> @namespace mx "library://ns.adobe.com/flex/mx" mx|TabNavigator { tabStyleName:myTabStyle; } .myTabStyle { fillColors: #006699, #cccc66; upSkin: ClassReference("CustomSkinClass"); overSkin: ClassReference("CustomSkinClass"); downSkin: ClassReference("CustomSkinClass"); } </fx:Style>
Ein TabNavigator-Container weist folgende Merkmale für die Standardgrößen auf:
Der TabNavigator-Container benutzt dieselbe Messlogik wie der
Ein TabNavigator-Container platziert seinen TabBar-Container am oberen Rand. Die Breite des TabBar-Containers wird mit der Breite des TabNavigator-Containers festgelegt und die Höhe des TabBar-Containers wird an die
Ein TabNavigator-Container platziert und dimensioniert seine untergeordneten Container unter dem TabBar-Container und verwendet dabei dieselbe Logik wie im ViewStack-Container.
<mx:HBox>
tag inherits all of the tag
attributes of its superclass, except direction
, and adds
no new tag attributes.
]]>Hinweis: Adobe empfiehlt, wenn immer möglich die Spark-Container mit HorizontalLayout anstelle des Halo HBox-Containers zu verwenden.
Ein HBox-Container weist folgende Merkmale für die Standardgrößen auf:
<mx:VBox>
tag inherits all of the tag
attributes of its superclass, except direction
, and adds
no new tag attributes.
]]>Hinweis: Adobe empfiehlt, wenn immer möglich die Spark-Container mit VerticalLayout anstelle des Halo VBox-Containers zu verwenden.
Ein VBox-Container weist folgende Merkmale für die Standardgrößen auf:
<mx:TitleWindow>
tag inherits all of the tag
attributes of its superclass, and adds the following tag attributes:
<mx:TitleWindow Properties showCloseButton="false|true" Styles closeButtonDisabledSkin="'CloseButtonDisabled' symbol in Assets.swf" closeButtonDownSkin="'CloseButtonDown' symbol in Assets.swf" closeButtonOverSkin="'CloseButtonOver' symbol in Assets.swf" closeButtonUpSkin="'CloseButtonUp' symbol in Assets.swf" Events close="No default" > ... child tags ... />]]>
Der TitleWindow-Container weist folgende Merkmale für die Standardgrößen auf:
<mx:FormHeading>
tag inherits all of the tag
attributes of its superclass and adds the following tag attributes:
<mx:FormHeading Properties label="" Styles color="0x0B333C" disabledColor="0xAAB3B3" fontAntiAliasType="advanced|normal" fontFamily="Verdana" fontGridFitType="pixel|subpixel|none" fontSharpness="0" fontSize="12" fontStyle="normal|italic" fontThickness="0" fontWeight="normal|bold" indicatorGap="14" labelWidth="Calculated" leading="2" paddingLeft="0" paddingRight="0" paddingTop="0" textAlign="Calculated" textDecoration="none|underline" textIndent="0" />]]>
<mx:Accordion>
tag inherits all of the
tag attributes of its superclass, with the exception of scrolling-related
attributes, and adds the following tag attributes:
<mx:Accordion Properties headerRenderer="IFactory" historyManagementEnabled="true|false" resizeToContent="false|true" selectedChild"A reference to the first child" selectedIndex="undefined" Styles headerHeight="depends on header font styles" headerStyleName="No default" horizontalGap="8" openDuration="250" openEasingFunction="undefined" paddingBottom="-1" paddingTop="-1" textRollOverColor="0xB333C" textSelectedColor="0xB333C" verticalGap="-1" Events change="No default" > ... child tags ... </mx:Accordion>]]>
Hinweis: Die direkt untergeordneten Elemente von MX-Navigatorcontainern müssen entweder MX-Layout- oder MX-Navigatorcontainer sein oder aber Spark-NavigatorContent-Container. Innerhalb eines Navigators können Sie nur den Spark-NavigatorContent-Container direkt verschachteln, nicht jedoch sonstige Steuerelemente oder Spark-Container. Es muss sich um untergeordnete Elemente eines untergeordneten MX-Containers handeln.
Der Accordion-Container erweitert nicht den ViewStack-Container, implementiert aber alle seine Eigenschaften, Methoden, Stile und Ereignisse, wie
Ein Accordion-Container weist folgende Merkmale für die Standardgrößen auf:
Hinweis: Sie können diese Eigenschaft nur in einer ActionScript-Anweisung einstellen, nicht in MXML.
<mx:ControlBar>
tag inherits all the tag
attributes but adds no additional attributes:
<mx:ControlBar> ... child tags ... </mx:ControlBar>]]>
Hinweis: Der Spark Panel-Container unterstützt den ControlBar-Container nicht. Modifizieren Sie die Skin des Spark Panel-Containers, um diese Funktionalität hinzuzufügen.
Der ControlBar-Container ist ein Box-Objekt mit einem Hintergrund und Standardstileigenschaften.
Ein ControlBar-Container weist folgende Merkmale für die Standardgrößen auf:
<mx:GridItem>
tag must be a child of the
<GridRow>
tag, which defines a grid row.
The <mx:GridItem>
container inherits the
tag attributes of its superclass, and adds the following tag attributes.
<mx:Grid> <mx:GridRow> <mx:GridItem rowSpan="1" colSpan="1"> child components </mx:GridItem> ... </mx:GridRow> ... </mx:Grid>]]>
GridItem-Container haben die folgenden Merkmale für Standardgrößen:
<mx:Panel>
tag inherits all of the tag
attributes of its superclass and adds the following tag attributes:
<mx:Panel Properties layout="vertical|horizontal|absolute" status="" title="" titleIcon="null" Styles borderAlpha="0.4" borderThicknessBottom="NaN" borderThicknessLeft="10" borderThicknessRight="10" borderThicknessTop="2" controlBarStyleName="null" cornerRadius="4" dropShadowEnabled="true|false" footerColors="null" headerColors="null" headerHeight="Based on style of title" highlightAlphas="[0.3,0]" horizontalAlign="left|center|right" horizontalGap="8" modalTransparency="0.5" modalTransparencyBlur="3" modalTransparencyColor="#DDDDDD" modalTransparencyDuration="100" paddingBottom="0" paddingTop="0" roundedBottomCorners="false|true" shadowDirection="center|left|right" shadowDistance="2" statusStyleName="windowStatus" titleBackgroundSkin="TitleBackground" titleStyleName="windowStyles" verticalAlign="top|middle|bottom" verticalGap="6" Effects resizeEndEffect="Dissolve" resizeStartEffect="Dissolve" > ... child tags ... </mx:Panel>]]>
Hinweis: Adobe empfiehlt, wenn immer möglich den Spark Panel-Container anstelle des Halo Panel-Containers zu verwenden.
Der Panel-Container weist folgende Merkmale für die Standardgrößen auf:
Die
<mx:Tile>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:Tile Properties direction="horizontal|vertical" tileHeight="NaN" tileWidth="NaN" Sttles horizontalAlign="left|center|right" horizontalGap="8" paddingBottom="0" paddingTop="0" verticalAlign="top|middle|bottom" verticalGap="6" > ... child tags ... </mx:Tile>]]>
Hinweis: Adobe empfiehlt, wenn immer möglich die Spark-Container mit TileLayout anstelle des Halo Tile-Containers zu verwenden.
Ein Tile-Container weist folgende Merkmale für die Standardgrößen auf:
Diese Methode berechnet zuerst die Größe jeder einzelnen Zelle im Tile-Container. In den Abschnitten über die
Die gemessene Größe eines Tile-Containers mit untergeordneten Objekten reicht aus, um die Zellen in einem n-mal-n-Raster mit einer gleichen Anzahl von Zeilen und Spalten anzuzeigen, plus Raum für die Füllpixel und die Rahmenlinien des Tile-Containers. Es gibt aber Sonderfälle wie in den nachfolgenden Beispielen:
Wenn keine untergeordneten Objekte vorhanden sind, ist die gemessene Größe gerade groß genug, um die Füllung und den Rahmen unterzubringen.
Die gemessene Mindestgröße eines Tile-Containers mit untergeordneten Objekten ist gerade groß genug für eine einzelne Tile-Zelle, plus Füllung und Rahmen. Wenn keine untergeordneten Objekte vorhanden sind, ist die gemessene Mindestgröße gerade groß genug, um die Füllung und den Rahmen unterzubringen.
Diese Methode platziert die untergeordneten Objekte im Schachbrettmuster mit gleich großen Zellen im Inhaltsbereich des Tile-Containers (also im Bereich innerhalb der Auffüllung). In den Abschnitten über die
Die Trennung zwischen den Zellen wird durch die
Der Fluss der untergeordneten Objekte wird durch die
Wenn ein untergeordnetes Objekt einen
Das erste untergeordnete Objekt wird immer in die linke obere Ecke des Tile-Containers gesetzt. Wenn
<mx:VDividedBox>
tag inherits all of the tag
attributes of its superclass, except direction
, and adds
no new tag attributes.
]]>Ein VDividedBox-Container weist folgende Merkmale für die Standardgrößen auf:
<mx:Form>
tag inherits all the tag
attributes of its superclass and adds the following tag attributes:
<mx:Form Styles horizontalGap="8" indicatorGap="14" labelWidth="Calculated" paddingBottom="16" paddingTop="16" verticalGap="6" > ... child tags ... </mx:Form>]]>
Die folgende Tabelle beschreibt die Komponenten, die Sie für die Erstellung von Formularen in Flex verwenden:
Die
Die
Die
Die
Die
Wenn ein untergeordnetes Objekt eine Prozentwertbreite hat, wird sie horizontal bis zum festgelegten Prozentsatz des Form-Containers gedehnt. Sonst wird sie mit ihrer
Diese Methode ruft zunächst und vor allem Anderen die
<mx:ViewStack>
tag inherits the
tag attributes of its superclass, with the exception of scrolling-related
attributes, and adds the following tag attributes:
<mx:ViewStack Properties historyManagementEnabled="false|true" resizeToContent="false|true" selectedIndex="0" Styles horizontalGap="8" paddingBottom="0" paddingTop="0" verticalGap="6" Events change="No default" > ... child tags ... </mx:ViewStack>]]>
Hinweis: Die direkt untergeordneten Elemente von MX-Navigatorcontainern müssen entweder MX-Layout- oder MX-Navigatorcontainer sein oder aber Spark-NavigatorContent-Container. Innerhalb eines Navigators können Sie nur den Spark-NavigatorContent-Container direkt verschachteln, nicht jedoch sonstige Steuerelemente oder Spark-Container. Es muss sich um untergeordnete Elemente eines untergeordneten MX-Containers handeln.
Ein ViewStack-Container bietet keine Benutzeroberfläche für die Auswahl an, welcher untergeordnete Container gerade sichtbar ist. In der Regel legen Sie dies mit der
Sie können entscheiden, einen komplexeren Navigatorcontainer als den ViewStack-Container zu verwenden, wie beispielsweise einen TabNavigator-Container oder einen Accordion-Container. Diese Container haben nicht nur eine Sammlung von untergeordneten Containern, sondern auch eigene Steuerelemente für die Navigation des Benutzers zwischen den untergeordneten Containern.
Wenn Sie den aktuell sichtbaren untergeordneten Container ändern, können Sie die
Der ViewStack-Container weist folgende Merkmale für die Standardgrößen auf:
Die Standardgröße eines ViewStack-Containers ist die Standardgröße seines gerade ausgewählten untergeordneten Containers zuzüglich Auffüllung und Rahmen. Wenn der ViewStack-Container keine untergeordneten Container hat, ist seine Standardgröße gerade groß genug, um die Auffüllung und den Rahmen unterzubringen.
Die Mindestgröße eines ViewStack-Containers ist die Mindestgröße seines gerade ausgewählten untergeordneten Containers zuzüglich Auffüllung und Rahmen. Wenn der ViewStack-Container keine untergeordneten Container hat, ist seine Mindestgröße gerade groß genug, um die Auffüllung und Rahmen unterzubringen.
Diese Methode ändert die Maximalgröße eines ViewStack-Containers nicht - sie bleibt ohne Grenzen.
Es ist immer nur eines der untergeordneten Objekte sichtbar und daher platziert und dimensioniert ein ViewStack-Container nur dieses untergeordnete Objekt.
Das ausgewählte untergeordnete Objekt ist in der linken oberen Ecke des ViewStack-Containers platziert und enthält genügend Raum für die Auffüllung und Rahmen des ViewStack-Containers.
Wenn das ausgewählte untergeordnete Objekt einen Prozentsatz für
Hinweis: Sie können diese Eigenschaft nur in einer ActionScript-Anweisung einstellen, nicht in MXML.
Hinweis: Wenn Sie ein neues untergeordnetes Objekt einem ViewStack-Container hinzufügen, wird die
<mx:GridRow>
must be a child of the
<mx:Grid>
tag, and has one or more child
<mx:GridItem>
tags that define the grid cells.
The <mx:GridRow>
container inherits the
tag attributes of its superclass, and adds the following tag attributes:
<mx:Grid> <mx:GridRow Styles horizontalAlign="left|center|right" verticalAlign="top|middle|bottom" > <mx:GridItem child components </mx:GridItem> ... </mx:GridRow> ... </mx:Grid>]]>
GridRow-Container haben die folgenden Merkmale für Standardgrößen:
Sie sollten diese Methode nicht direkt aufrufen. Der Flex-LayoutManager ruft sie zum erforderlichen Zeitpunkt auf. Wenn die Anwendung startet, ruft der Flex-LayoutManager die
Dies ist eine erweiterte Methode für die Verwendung von Unterklassen. Wenn Sie diese Methode überschreiben, muss Ihre Implementierung die
<mx:Box>
tag inherits all of the tag
attributes of its superclass, and adds the following tag attributes:
<mx:Box Properties direction="vertical|horizontal" Styles horizontalAlign="left|center|right" horizontalGap="8" paddingBottom="0" paddingTop="0" verticalAlign="top|middle|bottom" verticalGap="6" > ... child tags ... </mx:Box>]]>
Hinweis: Adobe empfiehlt, wenn immer möglich die Spark-Container mit HorizontalLayout oder VerticalLayout anstelle des Halo Box-Containers zu verwenden.
Die Box-Klasse ist die Basisklasse für die VBox- und HBox-Klassen. Sie verwenden die Tags
Ein Box-Container weist folgende Merkmale für die Standardgrößen auf:
Wenn die
Die
Die
Alle vorstehend beschriebenen Werte sind gemessene Breiten und Höhen des Box-Containers. Der Benutzer kann die gemessenen Werte überschreiben, indem er explizit einen Wert für die folgenden Eigenschaften festlegt:
Die
Dies ist eine erweiterte Methode für die Verwendung von Unterklassen. Wenn Sie diese Methode überschreiben, muss Ihre Implementierung die
Diese Eigenschaften entsprechen den weiter oben angeführten Layouteigenschaften und werden daher nicht eigens dokumentiert.
Der Prozentwert ist nur relevant, wenn der Container seine Größe oder sein Layout nicht ändert. Nach Eintritt einer Größenänderung und/oder einem neuen Layout kann der von dieser Methode zurückgegebene Wert veraltet sein.
Ein Beispiel für den Einsatz dieser Methode ist die Wiederherstellung der Größe einer Komponente auf eine bestimmte Pixelanzahl, nachdem sie verborgen wurde.
Um den Layoutalgorithmus für den Box-Container zu verstehen, gehen Sie davon aus, dass die Richtung des Box-Containers horizontal ist.
Alle untergeordneten Objekte des Box-Containers werden nebeneinander in einer einzelnen horizontalen Reihe angeordnet, mit
Wenn die Summe der Werte der
Nachdem alle flexiblen untergeordneten Objekte vergrößert oder verkleinert wurden, prüft Flex, ob die Summe der Breiten der untergeordneten Objekte zur Breite des Box-Containers passt. Wenn nicht, wird die Gruppe untergeordneter Objekte je nach dem Wert der
Um die Höhe jedes untergeordneten Objekts bestimmen zu können, prüft Flex den Wert der
Die vertikale Position jedes untergeordneten Objekts wird durch die
Wenn die
Sie sollten diese Methode nicht direkt aufrufen. Der Flex-LayoutManager ruft sie zum erforderlichen Zeitpunkt auf. Wenn die Anwendung startet, ruft der Flex-LayoutManager die
Dies ist eine erweiterte Methode für die Verwendung von Unterklassen. Wenn Sie diese Methode überschreiben, muss Ihre Implementierung die
<mx:FormItem>
tag inherits all of the tag
attributes of its superclass, except paddingLeft
,
and adds the following tag attributes:
<mx:FormItem Properties direction="vertical|horizontal" label="" required="false|true" Styles horizontalAlign="left|center|right" horizontalGap="8" indicatorGap="14" indicatorSkin="'mx.containers.FormItem.Required' symbol in Assets.swf" labelStyleName="" labelWidth="Calculated" paddingBottom="0" paddingRight="0" paddingTop="0" verticalGap="6" > ... child tags ... </mx:FormItem>]]>
Die
Ein FormItem-Container enthält zwei Bereiche: Den Beschriftungsbereich und den Steuerelementbereich. Die Größe des Beschriftungsbereichs ist unabhängig von der Richtung der Steuerelemente identisch. Die Größe des Steuerelementbereichs hängt davon ab, wie viele Zeilen und Spalten verwendet werden.
Die Breite des Beschriftungsbereichs wird durch die
Wenn alle untergeordneten Objekte in einer einzigen Zeile stehen, ist die Breite des Steuerelementbereichs die Summe der Breiten aller untergeordneten Objekte zuzüglich des
Wenn sich die untergeordneten Objekte in einer einzigen Spalte befindet, ist die Breite des Steuerelementbereichs die Breite des breitesten untergeordneten Objekts.
Wenn sich die untergeordneten Objekte in mehreren Zeilen und Spalten befinden, ist die Breite des breitesten untergeordneten Objekts die Spaltenbreite und die Breite des Steuerelementbereichs ist die Spaltenbreite, multipliziert mit der Anzahl der Spalten zuzüglich des
Weitere Hinweise zur Platzierung der FormItem-Steuerelemente finden Sie unter der Beschreibung der
Die Beschriftung wird im Beschriftungsbereich gemäß der
Wenn die
Die Steuerelemente sind in Spalten platziert, wie dies in der Dokumentation für die
Wenn die
Diese Methode ruft zunächst und vor allem Anderen die
Wenn
Wenn Sie das Layout von untergeordneten FormItem-Objekten besser steuern möchten, können Sie einen Container wie Grid oder Tile als direktes untergeordnetes Objekt von FormItem verwenden und die gewünschten Steuerelemente hineinsetzen.
Diese Eigenschaft steuert nur die Anzeige des Indikators. Sie müssen den untergeordneten Objekten einen Validator anfügen, wenn Sie eine Überprüfung der Eingaben verlangen.