| 套件 | mx.controls |
| 類別 | public class TabBar |
| 繼承 | TabBar  ToggleButtonBar ButtonBar NavBar Box Container UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | 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. |
顯示 MXML 語法
隱藏 MXML 語法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 the tabStyleName property"
horizontalAlign="left|center|right"
horizontalGap="-1"
lastTabStyleName="Value of the tabStyleName property"
selectedTabTextStyleName="activeTabStyle"
tabHeight="undefined"
tabStyleName="Tab"
tabWidth="undefined"
verticalAlign="top|middle|bottom"
verticalGap="-1"
Events
itemClick="No default"
>
...
child tags
...
</mx:TabBar>
預設 MXML 屬性dataProvider
更多範例
公用方法
| 方法 | 定義自 | ||
|---|---|---|---|
TabBar()
Constructor. | TabBar | ||
 | [覆寫]
Adds a child DisplayObject to this Container. | Container | |
| [覆寫]
Adds a child DisplayObject to this Container. | Container | |
|
Adds a visual element to this container. | Container | |
|
Adds a visual element to this container. | Container | |
| addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
會在 EventDispatcher 物件註冊事件偵聽程式，以便讓偵聽程式收到事件的通知。 | EventDispatcher | |
|
Adds a non-visual style client to this component instance. | UIComponent | |
|
指出安全性限制是否會造成傳回的清單 (可用指定的 point 點呼叫 DisplayObjectContainer.getObjectsUnderPoint() 方法來取得) 省略任何顯示物件。 | DisplayObjectContainer | |
|
Queues a function to be called later. | UIComponent | |
|
Deletes a style property from this component instance. | UIComponent | |
|
判斷指定的顯示物件是否為 DisplayObjectContainer 實體的子系，或為實體本身。 | DisplayObjectContainer | |
| [覆寫]
Converts a Point object from content coordinates to global coordinates. | Container | |
| [覆寫]
Converts a Point object from content to local coordinates. | Container | |
|
Returns a set of properties that identify the child within
this container. | UIComponent | |
|
Returns a set of properties that identify the child within
this container. | UIComponent | |
|
Given a single UIComponentDescriptor, create the corresponding
component and add the component as a child of this Container. | Container | |
|
Iterate through the Array of childDescriptors,
and call the createComponentFromDescriptor() method for each one. | Container | |
|
Performs the equivalent action of calling
the createComponentsFromDescriptors(true) method for containers
that implement the IDeferredContentOwner interface to support deferred instantiation. | Container | |
|
Creates an id reference to this IUIComponent object
on its parent document object. | UIComponent | |
|
Deletes the id reference to this IUIComponent object
on its parent document object. | UIComponent | |
|
Returns a UITextFormat object corresponding to the text styles
for this UIComponent. | UIComponent | |
| [覆寫]
Dispatches an event into the event flow. | UIComponent | |
|
Shows or hides the focus indicator around this component. | UIComponent | |
| drawRoundRect(x:Number, y:Number, w:Number, h:Number, r:Object = null, c:Object = null, alpha:Object = null, rot:Object = null, gradient:String = null, ratios:Array = null, hole:Object = null):void
Programmatically draws a rectangle into this skin's Graphics object. | UIComponent | |
|
Called by the effect instance when it stops playing on the component. | UIComponent | |
|
Called by the effect instance when it starts playing on the component. | UIComponent | |
|
Ends all currently playing effects on the component. | UIComponent | |
| [覆寫]
Executes all the data bindings on this Container. | Container | |
|
Executes the bindings into this Container's child UIComponent objects. | Container | |
|
Called after printing is complete. | UIComponent | |
|
Provides the automation object at the specified index. | UIComponent | |
|
Provides the automation object list . | UIComponent | |
|
傳回可定義顯示物件區域 (相對於 targetCoordinateSpace 物件的座標系統) 的矩形。 | DisplayObject | |
|
Returns the x coordinate of the element's bounds at the specified element size. | UIComponent | |
|
Returns the y coordinate of the element's bounds at the specified element size. | UIComponent | |
| [覆寫]
Gets the nth child component object. | Container | |
| [覆寫]
Returns the child whose name property is the specified String. | Container | |
| [覆寫]
Gets the zero-based index of a specific child. | Container | |
|
Returns an Array of DisplayObject objects consisting of the content children
of the container. | Container | |
|
Finds the type selectors for this UIComponent instance. | UIComponent | |
|
Returns a layout constraint value, which is the same as
getting the constraint style for this component. | UIComponent | |
|
Returns the visual element at the specified index. | Container | |
|
Returns the index position of a visual element. | Container | |
|
A convenience method for determining whether to use the
explicit or measured height
| UIComponent | |
|
A convenience method for determining whether to use the
explicit or measured width
| UIComponent | |
|
Gets the object that currently has focus. | UIComponent | |
|
Returns the element's layout height. | UIComponent | |
|
Returns the element's layout width. | UIComponent | |
|
Returns the x coordinate that the element uses to draw on screen. | UIComponent | |
|
Returns the y coordinate that the element uses to draw on screen. | UIComponent | |
|
Returns the transform matrix that is used to calculate the component's
layout relative to its siblings. | UIComponent | |
|
Returns the layout transform Matrix3D for this element. | UIComponent | |
|
Returns the element's maximum height. | UIComponent | |
|
Returns the element's maximum width. | UIComponent | |
|
Returns the element's minimum height. | UIComponent | |
|
Returns the element's minimum width. | UIComponent | |
|
傳回位於指定點底下，且屬於此 DisplayObjectContainer 實體之子系 (或孫系，以下類推) 的物件陣列。 | DisplayObjectContainer | |
|
Returns the element's preferred height. | UIComponent | |
|
Returns the element's preferred width. | UIComponent | |
|
根據 targetCoordinateSpace 參數所定義的座標系統，並排除形狀上的任何筆畫，傳回可定義顯示物件邊界的矩形。 | DisplayObject | |
|
Returns the item in the dataProvider that was used
by the specified Repeater to produce this Repeater, or
null if this Repeater isn't repeated. | UIComponent | |
|
Gets a style property that has been set anywhere in this
component's style lookup chain. | UIComponent | |
| [覆寫]
Converts a Point object from global to content coordinates. | Container | |
|
將 point 物件從「舞台」(全域) 座標轉換成顯示物件的 (區域) 座標。 | DisplayObject | |
|
將二維點從「舞台」(全域) 座標轉換為三維顯示物件的 (區域) 座標。 | DisplayObject | |
|
Returns true if currentCSSState is not null. | UIComponent | |
|
會檢查 EventDispatcher 物件是否有對特定的事件類型註冊偵聽程式。 | EventDispatcher | |
|
指出物件是否有已定義的指定屬性。 | Object | |
|
Determines whether the specified state has been defined on this
UIComponent. | UIComponent | |
|
評估顯示物件的範圍框，看它是否與 obj 顯示物件的範圍框重疊或相交。 | DisplayObject | |
|
評估顯示物件，看它是否與 x 和 y 參數所指定的點重疊或相交。 | DisplayObject | |
|
Returns a box Matrix which can be passed to the
drawRoundRect() method
as the rot parameter when drawing a horizontal gradient. | UIComponent | |
|
Initializes the internal structure of this component. | UIComponent | |
|
Initializes various properties which keep track of repeated instances
of this component. | UIComponent | |
|
Marks a component so that its updateDisplayList()
method gets called during a later screen update. | UIComponent | |
|
Called by a component's items to indicate that their depth
property has changed. | UIComponent | |
|
An element must call this method when its layoutDirection changes or
when its parent's layoutDirection changes. | UIComponent | |
|
Marks a component so that its commitProperties()
method gets called during a later screen update. | UIComponent | |
|
Marks a component so that its measure()
method gets called during a later screen update. | UIComponent | |
|
指出 Object 類別的實體是否位於指定為參數的物件原型鏈中。 | Object | |
|
Returns the string the renderer would display for the given data object
based on the labelField and labelFunction properties. | NavBar | |
|
將三維顯示物件的 (區域) 座標的三維點轉換為「舞台」(全域) 座標中的二維點。 | DisplayObject | |
| [覆寫]
Converts a Point object from local to content coordinates. | Container | |
|
將 point 物件從顯示物件的 (區域) 座標轉換成「舞台」(全域) 座標。 | DisplayObject | |
|
Returns true if cssState matches currentCSSState. | UIComponent | |
|
Determines whether this instance is the same as, or is a subclass of,
the given type. | UIComponent | |
|
Measures the specified HTML text, which can contain HTML tags such
as <font> and <b>,
assuming that it is displayed
in a single-line UITextField using a UITextFormat
determined by the styles of this UIComponent. | UIComponent | |
|
Measures the specified text, assuming that it is displayed
in a single-line UITextField (or UIFTETextField) using a UITextFormat
determined by the styles of this UIComponent. | UIComponent | |
|
Moves the component to a specified position within its parent. | UIComponent | |
|
Propagates style changes to the children. | UIComponent | |
|
Returns true if the chain of owner properties
points from child to this UIComponent. | UIComponent | |
|
Called by Flex when a UIComponent object is added to or removed from a parent. | UIComponent | |
|
Method used to convert number of pixels to a
percentage relative to the contents of this container. | Box | |
|
Prepares an IFlexDisplayObject for printing. | UIComponent | |
|
指出指定的屬性是否存在，以及是否可列舉。 | Object | |
|
Builds or rebuilds the CSS style cache for this component
and, if the recursive parameter is true,
for all descendants of this component as well. | UIComponent | |
|
For each effect event, registers the EffectManager
as one of the event listeners. | UIComponent | |
|
Removes all children from the child list of this container. | Container | |
|
Removes all visual elements from the container. | Container | |
| [覆寫]
Removes a child DisplayObject from the child list of this Container. | Container | |
| [覆寫]
Removes a child DisplayObject from the child list of this Container
at the specified index. | Container | |
|
將所有 child DisplayObject 實體從 DisplayObjectContainer 實體的子清單中移除。 | DisplayObjectContainer | |
|
Removes the specified visual element from the child list of
this container. | Container | |
|
Removes a visual element from the specified index position
in the container. | Container | |
|
會從 EventDispatcher 物件移除偵聽程式。 | EventDispatcher | |
|
Removes a non-visual style client from this component instance. | UIComponent | |
|
Replays the specified event. | UIComponent | |
|
升起顯示虛擬鍵盤。 | InteractiveObject | |
|
Resolves a child by using the id provided. | UIComponent | |
| [靜態]
Resumes the background processing of methods
queued by callLater(), after a call to
suspendBackgroundProcessing(). | UIComponent | |
|
Sizes the object. | UIComponent | |
| [覆寫]
Sets the index of a particular child. | Container | |
|
Sets a layout constraint value, which is the same as
setting the constraint style for this component. | UIComponent | |
|
Set the current state. | UIComponent | |
|
Changes the position of an existing visual element in the visual container. | Container | |
|
Sets the focus to this component. | UIComponent | |
|
Sets the coordinates that the element uses to draw on screen. | UIComponent | |
|
Sets the layout size of the element. | UIComponent | |
|
Sets the transform Matrix that is used to calculate the component's layout
size and position relative to its siblings. | UIComponent | |
|
Sets the transform Matrix3D that is used to calculate the component's layout
size and position relative to its siblings. | UIComponent | |
|
為迴圈作業設定動態屬性的可用性。 | Object | |
|
Sets a style property on this component instance. | UIComponent | |
|
Called when the visible property changes. | UIComponent | |
|
讓使用者拖曳指定的 sprite。 | Sprite | |
|
讓使用者將指定的 Sprite 拖曳至觸控裝置上。 | Sprite | |
|
遞迴停止執行所有 MovieClips 的時間軸根源於此物件。 | DisplayObjectContainer | |
|
結束 startDrag() 方法。 | Sprite | |
|
結束觸控裝置使用的 startTouchDrag() 方法。 | Sprite | |
|
Detects changes to style properties. | UIComponent | |
|
Flex calls the stylesInitialized() method when
the styles for a component are first initialized. | UIComponent | |
| [靜態]
Blocks the background processing of methods
queued by callLater(),
until resumeBackgroundProcessing() is called. | UIComponent | |
|
替換兩個指定子物件的 z 順序 (深度階層，由前至後順序)。 | DisplayObjectContainer | |
|
在子清單的兩個指定索引位置，替換子物件的 z 順序 (深度階層，由前至後順序)。 | DisplayObjectContainer | |
|
Swaps the index of the two specified visual elements. | Container | |
|
Swaps the visual elements at the two specified index
positions in the container. | Container | |
|
傳回代表此物件的字串，根據地區特定慣例進行格式化。 | Object | |
| [覆寫]
Returns a string indicating the location of this object
within the hierarchy of DisplayObjects in the Application. | FlexSprite | |
| transformAround(transformCenter:Vector3D, scale:Vector3D = null, rotation:Vector3D = null, translation:Vector3D = null, postLayoutScale:Vector3D = null, postLayoutRotation:Vector3D = null, postLayoutTranslation:Vector3D = null, invalidateLayout:Boolean = true):void
A utility method to update the rotation, scale, and translation of the
transform while keeping a particular point, specified in the component's
own coordinate space, fixed in the parent's coordinate space. | UIComponent | |
|
A utility method to transform a point specified in the local
coordinates of this object to its location in the object's parent's
coordinates. | UIComponent | |
|
Validates the position and size of children and draws other
visuals. | UIComponent | |
|
Validate and update the properties and layout of this object
and redraw it, if necessary. | UIComponent | |
|
Used by layout logic to validate the properties of a component
by calling the commitProperties() method. | UIComponent | |
|
Validates the measured size of the component
If the LayoutManager.invalidateSize() method is called with
this ILayoutManagerClient, then the validateSize() method
is called when it's time to do measurements. | UIComponent | |
|
Handles both the valid and invalid events from a
validator assigned to this component. | UIComponent | |
|
會傳回指定之物件的基本值。 | Object | |
|
Returns a box Matrix which can be passed to drawRoundRect()
as the rot parameter when drawing a vertical gradient. | UIComponent | |
|
檢查此 EventDispatcher 物件是否已註冊事件偵聽程式，或者此物件的任何祖系已為特定事件類型註冊事件偵聽程式。 | EventDispatcher | |
事件
| 事件 | 摘要 | 定義自 | ||
|---|---|---|---|---|
| [廣播事件] 當 Flash Player 或 AIR 應用程式取得作業系統焦點並成為作用中時傳送。 | EventDispatcher | ||
| Dispatched when the component is added to a container as a content child by using the addChild(), addChildAt(), addElement(), or addElementAt() method. | UIComponent | ||
| 當顯示物件加入顯示清單中時傳送。 | DisplayObject | ||
| 會在顯示物件加入舞台上的顯示清單時，以直接或是透過加入包含該顯示物件之子樹狀結構的方式傳送。 | DisplayObject | ||
| Dispatched after a child has been added to a container. | Container | ||
| Dispatched after the index (among the container children) of a container child changes. | Container | ||
| Dispatched before a child of a container is removed. | Container | ||
| 當使用者從文字快顯選單中選取「清除」(或「刪除」) 時傳送。 | InteractiveObject | ||
| 當使用者手勢在 AIR 應用程式中觸發與此互動式物件相關聯的快顯選單時傳送。 | InteractiveObject | ||
| 當使用者針對複製作業啟動平台特有的快速鍵組合或從文字快顯選單中選取「複製」時傳送。 | InteractiveObject | ||
| Dispatched when the component has finished its construction, property processing, measuring, layout, and drawing. | UIComponent | ||
| Dispatched after the view state has changed. | UIComponent | ||
| Dispatched after the currentState property changes, but before the view state changes. | UIComponent | ||
| 當使用者針對剪下作業啟動平台特有的快速鍵組合或從文字快顯選單中選取「剪下」時傳送。 | InteractiveObject | ||
| Dispatched when the data property changes. | Container | ||
| [廣播事件] 當 Flash Player 或 AIR 應用程式失去作業系統焦點並成為非作用中時傳送。 | EventDispatcher | ||
| 在 InteractiveObject 物件的 doubleClickEnabled 旗標設為 true 的情況下，當使用者在相同的物件上方連續兩次快速按下並放開指標裝置主要按鈕時傳送。 | InteractiveObject | ||
| Dispatched by the drag initiator (the component that is the source of the data being dragged) when the drag operation completes, either when you drop the dragged data onto a drop target or when you end the drag-and-drop operation without performing a drop. | UIComponent | ||
| Dispatched by the drop target when the user releases the mouse over it. | UIComponent | ||
| Dispatched by a component when the user moves the mouse over the component during a drag operation. | UIComponent | ||
| Dispatched by the component when the user drags outside the component, but does not drop the data onto the target. | UIComponent | ||
| Dispatched by a component when the user moves the mouse while over the component during a drag operation. | UIComponent | ||
| Dispatched by the drag initiator when starting a drag operation. | UIComponent | ||
| Dispatched after an effect ends. | UIComponent | ||
| Dispatched just before an effect starts. | UIComponent | ||
| Dispatched after an effect is stopped, which happens only by a call to stop() on the effect. | UIComponent | ||
| [廣播事件] 當播放磁頭進入新影格時傳送。 | DisplayObject | ||
| Dispatched after the component has entered a view state. | UIComponent | ||
| [廣播事件] 當播放磁頭結束目前影格時傳送。 | DisplayObject | ||
| Dispatched just before the component exits a view state. | UIComponent | ||
| [廣播事件] 在影格顯示物件的建構函式執行之後，且影格指令碼執行之前傳送。 | DisplayObject | ||
| 當使用者沿著觸控面與 InteractiveObject 實體建立接觸點 (例如沿著 Apple TV 的 Siri Remote 觸控面點選)，某些裝置可能也會將此接觸解譯為數個觸控事件的組合。 | InteractiveObject | ||
| 當使用在觸控裝置上的同一個 InteractiveObject 實體上按下兩個接觸點後送出 (例如在行動電話或平板電腦觸控螢幕的顯示物件上方，以兩支手指按下後鬆開)。 | InteractiveObject | ||
| 當使用者在觸控裝置上，將接觸點移動到 InteractiveObject 實體上方後傳送 (例如，在行動電話或平板電腦觸控螢幕的顯示物件上，由左向右移動手指)。 | InteractiveObject | ||
| 當使用者在 InteractiveObject 實體的接觸點上做出旋轉手勢後傳送 (例如兩指觸摸行動電話或平板電腦的觸控螢幕，然後手指在顯示物件上旋轉)。 | InteractiveObject | ||
| 當使用者在與 InteractiveObject 實體的某個接觸點上做出揮動手勢後傳送 (例如，三指併在一起觸碰行動電話或平板電腦的觸控螢幕，然後在顯示物件上快速平行移動手指)。 | InteractiveObject | ||
| 當使用者與 InteractiveObject 實體建立接觸點，然後在觸控裝置上點一下後送出 (例如，將多根手指放到行動電話或平板電腦觸控螢幕的顯示物件上以開啟選單，然後其中一根手點一下，選取選單項目)。 | InteractiveObject | ||
| 當使用者在 InteractiveObject 實體的某個接觸點上做出放大縮小手勢後傳送 (例如兩指併在一起觸摸行動電話或平板電腦的觸控螢幕，然後手指在顯示物件上快速張開)。 | InteractiveObject | ||
| Dispatched when an object's state changes from visible to invisible. | UIComponent | ||
| 這個事件會送出至任何支援 IME 內嵌輸入的用戶端應用程式。 | InteractiveObject | ||
| Dispatched when the component has finished its construction and has all initialization properties set. | UIComponent | ||
| Dispatched when a component is monitored by a Validator and the validation failed. | UIComponent | ||
| Dispatched when a tab navigation item is selected. | TabBar | |||
| 會當使用者按下按鍵時傳送。 | InteractiveObject | ||
| 當使用者嘗試使用鍵盤瀏覽變更焦點時傳送。 | InteractiveObject | ||
| 會當使用者放開按鍵時傳送。 | InteractiveObject | ||
| 當使用者在相同的 InteractiveObject 上方按下並放開使用者的指向裝置中間按鈕時傳送。 | InteractiveObject | ||
| 當使用者將指向裝置的中間按鈕移至 InteractiveObject 實體上方按下時傳送。 | InteractiveObject | ||
| 當使用者將指向裝置按鈕移至 InteractiveObject 實體上方放開時傳送。 | InteractiveObject | ||
| 當使用者將指向裝置按鈕移至 InteractiveObject 實體上方按下時傳送。 | InteractiveObject | ||
| Dispatched from a component opened using the PopUpManager when the user clicks outside it. | UIComponent | ||
| 會當使用者嘗試使用指向裝置變更焦點時傳送。 | InteractiveObject | ||
| 會當指向裝置停在 InteractiveObject 上方的情況下使用者將其移動時傳送。 | InteractiveObject | ||
| 會當使用者將指向裝置移開 InteractiveObject 實體時傳送。 | InteractiveObject | ||
| 會當使用者將指向裝置移至 InteractiveObject 實體上方時傳送。 | InteractiveObject | ||
| 當使用者將指向裝置按鈕移至 InteractiveObject 實體上方放開時傳送。 | InteractiveObject | ||
| 當滑鼠滾輪在 InteractiveObject 實體上方轉動時傳送。 | InteractiveObject | ||
| Dispatched from a component opened using the PopUpManager when the user scrolls the mouse wheel outside it. | UIComponent | ||
| Dispatched when the object has moved. | UIComponent | ||
| 當使用者釋放手勢時，由拖曳初始程式 InteractiveObject 傳送。 | InteractiveObject | ||
| 已在目標 InteractiveObject 上放下拖曳的物件，而且已呼叫 DragManager.acceptDragDrop() 接受該放開的資料時，由此目標 InteractiveObject 傳送。 | InteractiveObject | ||
| 當手勢進入 InteractiveObject 的邊界時，由此 InteractiveObject 傳送。 | InteractiveObject | ||
| 當手勢離開 InteractiveObject 的邊界時，由此 InteractiveObject 傳送。 | InteractiveObject | ||
| 當拖曳手勢還留在 InteractiveObject 的邊界內，由此 InteractiveObject 持續傳送。 | InteractiveObject | ||
| 在呼叫 DragManager.doDrag() 進行拖曳作業初期，由指定做為拖曳初始程式的 InteractiveObject 傳送。 | InteractiveObject | ||
| 在呼叫 DragManager.doDrag() 進行拖曳作業期間，由指定做為拖曳初始程式的 InteractiveObject 傳送。 | InteractiveObject | ||
| 當使用者針對貼上作業啟動平台特有的快速鍵組合或從文字快顯選單中選取「貼上」時傳送。 | InteractiveObject | ||
| Dispatched at the beginning of the component initialization sequence. | UIComponent | ||
| 在使用者將作用中觸控筆往下移至超過螢幕鄰近偵測邊框時傳送。 | InteractiveObject | ||
| 在使用者將作用中觸控筆提到螢幕鄰近偵測邊框時傳送。 | InteractiveObject | ||
| 在使用者將作用中觸控筆移到螢幕上方，而其餘仍在鄰近偵測邊框內時傳送。 | InteractiveObject | ||
| 在使用者將作用中觸控筆移出這個 InteractiveObject 之外，而其餘仍在螢幕的鄰近偵測邊框內時傳送。 | InteractiveObject | ||
| 在使用者直接將作用中觸控筆移到這個 InteractiveObject 上方，而其餘仍在螢幕的鄰近偵測邊框內時傳送。 | InteractiveObject | ||
| 在使用者將作用中觸控筆移出這個 InteractiveObject 及其任一子系之外，而其餘仍在螢幕的鄰近偵測邊框內時傳送。 | InteractiveObject | ||
| 在使用者透過這個 InteractiveObject，從顯示清單中後代的物件樹狀結構之外移動作用中觸控筆時傳送 (而其餘仍在螢幕的鄰近偵測邊框內)。 | InteractiveObject | ||
| 當使用者第一次按下 InteractiveObject 實體上方的按鈕，然後將指向裝置滑出 InteractiveObject 實體之後即放開指向裝置上的按鈕時傳送。 | InteractiveObject | ||
| Dispatched when the component is removed from a container as a content child by using the removeChild(), removeChildAt(), removeElement(), or removeElementAt() method. | UIComponent | ||
| 會當顯示物件將要從顯示清單移除時傳送。 | DisplayObject | ||
| 會在顯示物件即將從顯示清單移除時，以直接或是透過移除包含該顯示物件之子樹狀結構的方式傳送。 | DisplayObject | ||
| [廣播事件] 當顯示清單將要更新和顯示時傳送。 | DisplayObject | ||
| Dispatched when the component is resized. | UIComponent | ||
| 當使用者在相同的 InteractiveObject 上方按下並放開使用者的指向裝置右邊按鈕時傳送。 | InteractiveObject | ||
| 當使用者將指向裝置按鈕移至 InteractiveObject 實體上方按下時傳送。 | InteractiveObject | ||
| 當使用者將指向裝置按鈕移至 InteractiveObject 實體上方放開時傳送。 | InteractiveObject | ||
| 會當使用者將指向裝置移開 InteractiveObject 實體時傳送。 | InteractiveObject | ||
| 會當使用者將指向裝置移至 InteractiveObject 實體上方時傳送。 | InteractiveObject | ||
| 當使用者針對全選作業啟動平台特有的快速鍵組合或從文字快顯選單中選取「全選」時傳送。 | InteractiveObject | ||
| Dispatched when an object's state changes from invisible to visible. | UIComponent | ||
| 升起顯示軟體鍵盤之後立即傳送。 | InteractiveObject | ||
| 升起顯示軟體鍵盤前立即傳送。 | InteractiveObject | ||
| 降下隱藏軟體鍵盤之後立即傳送。 | InteractiveObject | ||
| Dispatched after the component has entered a new state and any state transition animation to that state has finished playing. | UIComponent | ||
| Dispatched when a component interrupts a transition to its current state in order to switch to a new state. | UIComponent | ||
| 在物件的 tabChildren 旗標值變更時傳送。 | InteractiveObject | ||
| 在物件的 tabEnabled 旗標變更時傳送。 | InteractiveObject | ||
| 在物件的 tabIndex 屬性值變更時傳送。 | InteractiveObject | ||
| 當使用者輸入一或多文字的字元時送出。 | InteractiveObject | ||
| Dispatched by the component when it is time to create a ToolTip. | UIComponent | ||
| Dispatched by the component when its ToolTip has been hidden and is to be discarded soon. | UIComponent | ||
| Dispatched by the component when its ToolTip is about to be hidden. | UIComponent | ||
| Dispatched by the component when its ToolTip is about to be shown. | UIComponent | ||
| Dispatched by the component when its ToolTip has been shown. | UIComponent | ||
| Dispatched by a component whose toolTip property is set, as soon as the user moves the mouse over it. | UIComponent | ||
| 當使用者在第一次接觸觸控裝置後傳送 (例如手指觸摸行動電話或平板電腦的觸控螢幕)。 | InteractiveObject | ||
| 當使用者在觸控裝置上移除接觸點後傳送 (例如在行動電話或平板電腦觸控螢幕上移開手指)。 | InteractiveObject | ||
| A non-cancellable event, dispatched by a component when it is done responding to a touch interaction user gesture. | UIComponent | ||
| A non-cancellable event, dispatched by a component when it starts responding to a touch interaction user gesture. | UIComponent | ||
| A cancellable event, dispatched by a component in an attempt to respond to a touch interaction user gesture. | UIComponent | ||
| 當使用者觸控裝置時傳送，並且連續不斷地傳送，直到接觸點移除為止。 | InteractiveObject | ||
| 當使用者在觸控裝置中，將接觸點移出 InteractiveObject 實體後送出 (例如在行動電話或平板電腦的觸控螢幕上，將手指從顯示物件移至另一個顯示物件)。 | InteractiveObject | ||
| 當使用者在觸控裝置中將接觸點移至 InteractiveObject 實體上方後送出 (例如在行動電話或平板電腦的觸控螢幕上，將手指從顯示物件外面的某一點，往顯示物件上方拖曳)。 | InteractiveObject | ||
| 當使用者在觸控裝置上，將接觸點從 InteractiveObject 實體移出後送出 (例如，在行動電話或平板電腦的觸控螢幕上，將手指從顯示物件上方拖曳到顯示物件以外)。 | InteractiveObject | ||
| 當使用者在觸控裝置中將接觸點移至 InteractiveObject 實體上方後送出 (例如在行動電話或平板電腦的觸控螢幕上，將手指從顯示物件外面的某一點，往顯示物件上方拖曳)。 | InteractiveObject | ||
| 當使用者在觸控裝置的同一個 InteractiveObject 實體上，在原先開始接觸點放開後送出 (例如在行動電話或平板電腦觸控螢幕上的顯示物件上方，以手指按下某個點後又鬆開)。 | InteractiveObject | ||
| Dispatched when an object has had its commitProperties(), measure(), and updateDisplayList() methods called (if needed). | UIComponent | ||
| Dispatched when a component is monitored by a Validator and the validation succeeded. | UIComponent | ||
| Dispatched when values are changed programmatically or by user interaction. | UIComponent | ||
樣式
樣式可分為一般樣式及與特定主題關聯的樣式兩種。如果是一般樣式，可以與任何主題搭配使用。如果是與特定主題關聯的樣式，只有在您的應用程式使用特定主題時才能使用該樣式。
一般樣式
| 樣式 | 說明 | 定義自 | ||
|---|---|---|---|---|
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 The vertical distance in pixels from the top edge of the content area to the control's baseline position. | UIComponent | ||
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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 | ||
| 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Height of each button, in pixels. | ButtonBar | ||
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Name of CSS style declaration that specifies styles for the buttons. | ButtonBar | ||
| 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Width of each button, in pixels. | ButtonBar | ||
| 類型: uint 格式: Color CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Color of text in the component, including the component label. | Container | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 4 執行階段版本: Flash10, AIR 1.5 The directionality of the text displayed by the component. | Container | ||
| 類型: uint 格式: Color CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Color of text in the component if it is disabled. | Container | ||
| 類型: Number CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 The alpha value for the overlay that is placed on top of the container when it is disabled. | Container | ||
| 類型: uint 格式: Color CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Color of the component highlight when validation fails. | UIComponent | ||
firstTabStyleName | 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Name of CSS style declaration that specifies the styles to use for the first tab navigation item. 預設值為 "tabStyleName"。 | TabBar | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Sets the antiAliasType property of internal TextFields. | Container | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Name of the font to use. | Container | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Sets the gridFitType property of internal TextFields that represent text in Flex controls. | Container | ||
| 類型: Number CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Sets the sharpness property of internal TextFields that represent text in Flex controls. | Container | ||
| 類型: Number 格式: Length CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Height of the text, in pixels. | Container | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Determines whether the text is italic font. | Container | ||
| 類型: Number CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Sets the thickness property of internal TextFields that represent text in Flex controls. | Container | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Determines whether the text is boldface. | Container | ||
horizontalAlign | 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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".
預設值為 "center"。 | TabBar | ||
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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 | 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Number of pixels between tab navigation items in the horizontal direction. 預設值為 -1。 | TabBar | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 4.5 執行階段版本: Flash10, AIR 2.5 The primary interaction mode for this component. | UIComponent | ||
| 類型: Boolean CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 A Boolean value that indicates whether kerning is enabled ( true) or disabled (false). | Container | ||
lastTabStyleName | 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Name of CSS style declaration that specifies the styles to use for the last tab navigation item. 預設值為 "tabStyleName"。 | TabBar | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 4.1 執行階段版本: Flash10, AIR 1.5 Specifies the desired layout direction of a component. | UIComponent | ||
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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 | ||
| 類型: Number CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 The number of additional pixels to appear between each character. | Container | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 4 執行階段版本: Flash10, AIR 1.5 The locale of the text displayed by this component. | Container | ||
| 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Number of pixels between the container's bottom border and the bottom of its content area. | Box | ||
| 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Number of pixels between the component's left border and the left edge of its content area. | Container | ||
| 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Number of pixels between the component's right border and the right edge of its content area. | Container | ||
| 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Number of pixels between the container's top border and the top of its content area. | Box | ||
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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 | ||
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Name of CSS style declaration that specifies styles for the text of the selected button. | ToggleButtonBar | ||
selectedTabTextStyleName | 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Name of CSS style declaration that specifies the styles to use for the text of the selected tab navigation item. 預設值為 "activeTabStyle"。 | TabBar | ||
| 類型: Boolean CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 4.5 執行階段版本: Flash10, AIR 1.5 Show the error border or skin when this component is invalid | UIComponent | ||
| 類型: Boolean CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 4.5 執行階段版本: Flash10, AIR 1.5 Show the error tip when this component is invalid and the user rolls over it | UIComponent | ||
tabHeight | 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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.
預設值為 undefined。 | TabBar | ||
tabStyleName | 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Name of CSS style declaration that specifies the styles to use for the tab navigation items. 預設值為 undefined。 | TabBar | ||
tabWidth | 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Width of the tab navigation item, in pixels. If undefined, the default tab widths are calculated from the label text. 預設值為 undefined。 | TabBar | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Alignment of text within a container. | Container | ||
| 類型: String CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Determines whether the text is underlined. | Container | ||
| 類型: Class CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 4 執行階段版本: Flash10, AIR 1.5 The class implementing IUITextField that is used by this component to render text. | Container | ||
| 類型: Number 格式: Length CSS 繼承: 是 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Offset of first line of text from the left side of the container, in pixels. | Container | ||
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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 | 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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".
預設值為 "middle"。 | TabBar | ||
| 類型: String CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: 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 | 類型: Number 格式: Length CSS 繼承: 否 語言版本: ActionScript 3.0 產品版本: Flex 3 執行階段版本: Flash9, AIR 1.1 Number of pixels between tab navigation items in the vertical direction. 預設值為 -1。 | TabBar | ||
Spark 主題樣式
Halo 主題樣式
建構函式詳細資料
TabBar | () | 建構函式 |
public function TabBar()| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Constructor.
事件詳細資訊
itemClick | 事件 |
事件物件類型:
屬性 ItemClickEvent.type =
mx.events.ItemClickEvent屬性 ItemClickEvent.type =
mx.events.ItemClickEvent.ITEM_CLICK| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Dispatched when a tab navigation item is selected. This event is sent only if the data provider is not a ViewStack container.
TheItemClickEvent.ITEM_CLICK constant defines the value of the
type property of the event object for an itemClick event.
The properties of the event object have the following values:
| Property | Value |
|---|---|
bubbles | false |
cancelable | false |
currentTarget | The Object that defines the
event listener that handles the event. For example, if you use
myButton.addEventListener() to register an event listener,
myButton is the value of the currentTarget. |
index | The index of the navigation item that was clicked. |
item | The item in the data provider of the navigation item that was clicked. |
label | The label of the navigation item that was clicked. |
relatedObject | The child object that generated the event. |
target | The Object that dispatched the event;
it is not always the Object listening for the event.
Use the currentTarget property to always access the
Object listening for the event. |
範例 如何使用本範例
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, 03:47 PM Z