Paket | mx.controls |
Sınıf | public class TabBar |
Miras Alma | TabBar ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Dil Sürümü: | ActionScript 3.0 |
Ürün Sürümü: | Flex 3 |
Çalışma Zamanı Sürümleri: | Flash Player 9, AIR 1.1 |
Using the TabBar control lets the tabs be directly determined by the data so that you can change the view or views in any way.
A TabBar control has the following default characteristics:
Characteristic | Description |
---|---|
Preferred size | A width wide enough to contain all label text, plus any padding, and a height tall enough for the label text. The default tab height is determined by the font, style, and skin applied to the control. If you set an explicit height using the tabHeight property, that value overrides the default value. |
Control resizing rules | TabBar controls do not resize by default. Specify percentage sizes if you want your TabBar to resize based on the size of its parent container. |
Padding | 0 pixels for the left and right properties. |

The <mx:TabBar>
tag inherits all of the tag attributes
of its superclass, and adds the following tag attributes:
<mx:TabBar Styles firstTabStyleName="Value of thetabStyleName
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>
Varsayılan MXML ÖzelliğidataProvider
Korunan Özellikler
Genel Yöntemler
Yöntem | Tanımlayan: |
---|
Korunan Yöntemler
Olaylar
Olay | Özet | Tanımlayan: |
---|
Stiller
Stiller ortaktır veya belirli bir temayla ilişkilendilir. Stil ortak değilse herhangi bir temayla ilişkilendirilebilir. Stil belirli bir temayla ilişkilendirilirse, yalnızca uygulamanızın o temayı kullanması durumunda kullanılabilir.
Yaygın Stiller
Stil | Açıklama | Tanımlayan: | ||
---|---|---|---|---|
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The vertical distance in pixels from the top edge of the content area to the control's baseline position. | UIComponent | ||
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The vertical distance, in pixels, from the bottom edge of the component to the bottom edge of its parent container's content area. | UIComponent | ||
![]() | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Height of each button, in pixels. | ButtonBar | ||
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Name of CSS style declaration that specifies styles for the buttons. | ButtonBar | ||
![]() | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Width of each button, in pixels. | ButtonBar | ||
![]() | Tür: uint Biçim: Color CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Color of text in the component, including the component label. | Container | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 4 Çalışma Zamanı Sürümleri: Flash10, AIR 1.5 The directionality of the text displayed by the component. | Container | ||
![]() | Tür: uint Biçim: Color CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Color of text in the component if it is disabled. | Container | ||
![]() | Tür: Number CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The alpha value for the overlay that is placed on top of the container when it is disabled. | Container | ||
![]() | Tür: uint Biçim: Color CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Color of the component highlight when validation fails. | UIComponent | ||
firstTabStyleName | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Name of CSS style declaration that specifies the styles to use for the first tab navigation item. Varsayılan değer şudur "tabStyleName" . | TabBar | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Sets the antiAliasType property of internal TextFields. | Container | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Name of the font to use. | Container | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Sets the gridFitType property of internal TextFields that represent text in Flex controls. | Container | ||
![]() | Tür: Number CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Sets the sharpness property of internal TextFields that represent text in Flex controls. | Container | ||
![]() | Tür: Number Biçim: Length CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Height of the text, in pixels. | Container | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Determines whether the text is italic font. | Container | ||
![]() | Tür: Number CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Sets the thickness property of internal TextFields that represent text in Flex controls. | Container | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Determines whether the text is boldface. | Container | ||
horizontalAlign | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Horizontal alignment of all tabs within the TabBar. Since individual tabs stretch to fill the entire TabBar, this style is only useful if you use the tabWidth style and the combined widths of the tabs are less than than the width of the TabBar. Possible values are "left" , "center" ,
and "right" .
Varsayılan değer şudur "center" . | TabBar | ||
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The horizontal distance in pixels from the center of the component's content area to the center of the component. | UIComponent | ||
horizontalGap | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Number of pixels between tab navigation items in the horizontal direction. Varsayılan değer şudur -1 . | TabBar | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 4.5 Çalışma Zamanı Sürümleri: Flash10, AIR 2.5 The primary interaction mode for this component. | UIComponent | ||
![]() | Tür: Boolean CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 A Boolean value that indicates whether kerning is enabled ( true ) or disabled (false ). | Container | ||
lastTabStyleName | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Name of CSS style declaration that specifies the styles to use for the last tab navigation item. Varsayılan değer şudur "tabStyleName" . | TabBar | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 4.1 Çalışma Zamanı Sürümleri: Flash10, AIR 1.5 Specifies the desired layout direction of a component. | UIComponent | ||
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The horizontal distance, in pixels, from the left edge of the component to the left edge of its parent container's content area. | UIComponent | ||
![]() | Tür: Number CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The number of additional pixels to appear between each character. | Container | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 4 Çalışma Zamanı Sürümleri: Flash10, AIR 1.5 The locale of the text displayed by this component. | Container | ||
![]() | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Number of pixels between the container's bottom border and the bottom of its content area. | Box | ||
![]() | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Number of pixels between the component's left border and the left edge of its content area. | Container | ||
![]() | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Number of pixels between the component's right border and the right edge of its content area. | Container | ||
![]() | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Number of pixels between the container's top border and the top of its content area. | Box | ||
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The horizontal distance, in pixels, from the right edge of the component to the right edge of its parent container's content area. | UIComponent | ||
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Name of CSS style declaration that specifies styles for the text of the selected button. | ToggleButtonBar | ||
selectedTabTextStyleName | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Name of CSS style declaration that specifies the styles to use for the text of the selected tab navigation item. Varsayılan değer şudur "activeTabStyle" . | TabBar | ||
![]() | Tür: Boolean CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 4.5 Çalışma Zamanı Sürümleri: Flash10, AIR 1.5 Show the error border or skin when this component is invalid | UIComponent | ||
![]() | Tür: Boolean CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 4.5 Çalışma Zamanı Sürümleri: Flash10, AIR 1.5 Show the error tip when this component is invalid and the user rolls over it | UIComponent | ||
tabHeight | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Height of each tab navigation item, in pixels. When this property is undefined , the height of each tab
is determined by the font styles applied to the container.
If you set this property, the specified value overrides this calculation.
Varsayılan değer şudur undefined . | TabBar | ||
tabStyleName | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Name of CSS style declaration that specifies the styles to use for the tab navigation items. Varsayılan değer şudur undefined . | TabBar | ||
tabWidth | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Width of the tab navigation item, in pixels. If undefined, the default tab widths are calculated from the label text. Varsayılan değer şudur undefined . | TabBar | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Alignment of text within a container. | Container | ||
![]() | Tür: String CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Determines whether the text is underlined. | Container | ||
![]() | Tür: Class CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 4 Çalışma Zamanı Sürümleri: Flash10, AIR 1.5 The class implementing IUITextField that is used by this component to render text. | Container | ||
![]() | Tür: Number Biçim: Length CSS Mirası: Evet Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Offset of first line of text from the left side of the container, in pixels. | Container | ||
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The vertical distance, in pixels, from the top edge of the component to the top edge of its parent container's content area. | UIComponent | ||
verticalAlign | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Vertical alignment of all tabs within the TabBar. Since individual tabs stretch to fill the entire TabBar, this style is only useful if you use the tabHeight style and the combined heights of the tabs are less than than the height of the TabBar. Possible values are "top" , "middle" ,
and "bottom" .
Varsayılan değer şudur "middle" . | TabBar | ||
![]() | Tür: String CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 The vertical distance in pixels from the center of the component's content area to the center of the component. | UIComponent | ||
verticalGap | Tür: Number Biçim: Length CSS Mirası: Hayır Dil Sürümü: ActionScript 3.0 Ürün Sürümü: Flex 3 Çalışma Zamanı Sürümleri: Flash9, AIR 1.1 Number of pixels between tab navigation items in the vertical direction. Varsayılan değer şudur -1 . | TabBar |
Kıvılcım Temalı Stiller
Hale Temalı Stiller
Efektler
Yapıcı Ayrıntı
Olay Ayrıntısı
Örnekler Bu örnek nasıl kullanılır?
TabBarExample.mxml
<?xml version="1.0" encoding="utf-8"?> <!-- Simple example to demonstrate the Halo TabBar control. --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ import mx.events.ItemClickEvent; import mx.controls.TabBar; [Bindable] public var STATE_ARRAY:Array = [ {label:"Alabama", data:"Montgomery"}, {label:"Alaska", data:"Juneau"}, {label:"Arkansas", data:"LittleRock"} ]; private function clickEvt(evt:ItemClickEvent):void { // Access target TabBar control. var targetComp:TabBar = TabBar(evt.currentTarget); forClick.text = "label is: " + evt.label + "\n" + "index is: " + evt.index + "\n" + "capital is: " + targetComp.dataProvider[evt.index].data; } ]]> </fx:Script> <s:Panel title="Halo TabBar Control Example" width="75%" height="75%" horizontalCenter="0" verticalCenter="0"> <s:VGroup left="10" right="10" top="10" bottom="10"> <s:Label width="100%" color="blue" text="Select a tab to change the current panel."/> <mx:TabBar itemClick="clickEvt(event);"> <mx:dataProvider>{STATE_ARRAY}</mx:dataProvider> </mx:TabBar> <s:TextArea id="forClick" width="100%" height="100%" /> </s:VGroup> </s:Panel> </s:Application>
Tue Jun 12 2018, 01:09 PM Z