包 | mx.containers |
类 | public class TabNavigator |
继承 | TabNavigator ViewStack Container UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
实现 | IFocusManagerComponent |
语言版本: | ActionScript 3.0 |
产品版本: | Flex 3 |
运行时版本: | Flash Player 9, AIR 1.1 |
注意:MX 导航器容器的直接子容器必须为 MX 容器(MX 布局或 MX 导航器容器)或者 Spark NavigatorContent 容器。您不能直接在某一导航器中嵌套控件或除 Spark NavigatorContent 容器之外的 Spark 容器;它们必须是子 MX 容器的子容器。
与 ViewStack 容器类似,TabNavigator 容器包含一组子容器,其中一次只能显示一个子容器。Flex 将自动在 TabNavigator 容器的顶部创建一个 TabBar 容器,其中每个子容器均带有相应的选项卡。每个选项卡可以具有自己的标签和图标。用户单击选项卡时,相应的子容器将显示为 TabNavigator 容器的选定子容器。
更改当前可见的子容器时,可使用要隐藏的容器的 hideEffect
属性和刚变为可见状态的子容器的 showEffect
属性将效果应用于子容器。TabNavigator 容器将等到要隐藏的子容器的 hideEffect
完成后才显示新的子容器。如果在播放效果的同时更改 TabNavigator 容器的 selectedIndex
属性,则会中断当前的播放效果。
若要定义 TabNavigator 中选项卡的外观,可在选项卡类型选择器中定义样式属性,如下例所示:
<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>
选项卡类型选择器可定义隐藏的 mx.controls.tabBarClasses.Tab 类上的值。选项卡类型选择器的默认值是在 defaults.css 文件中定义的。
还可以使用 tabStyleName
样式属性在指定的类选择器中定义样式,例如:
<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>
TabNavigator 容器具有下列默认大小特征:
特征 | 说明 |
---|---|
默认大小 | 第一个活动子项的默认宽度或明确指定的宽度和高度与选项卡的默认宽度或明确指定的高度和宽度之和。默认选项卡高度由应用于 TabNavigator 容器的字体、样式和外观确定。 |
容器大小调整规则 | 默认情况下,TabNavigator 容器仅调整一次大小来适应第一个子容器的大小。这些容器不会在您导航到其他子容器时再次调整大小。若要强制 TabNavigator 容器在您导航到其它子容器后调整大小,请将 resizeToContent 属性设置为 true。 |
子布局规则 | 如果子容器大于 TabNavigator 容器,将对其进行剪裁。如果子容器小于 TabNavigator 容器,则将其与 TabNavigator 容器的左上角对齐。 |
默认填充 | 上、下、左、右的值均为 0 像素。 |
The <mx:TabNavigator>
tag inherits all of the
tag attributes of its superclass,
and adds the following tag attributes:
<mx:TabNavigator Styles firstTabStyleName="Value of thetabStyleName
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>
相关 API 元素
属性 | 由以下参数定义 | ||
---|---|---|---|
actualCreationPolicy : String
此容器的创建策略。 | Container | ||
contentHeight : Number [只读]
显示内容的区域的高度,以像素为单位。 | ViewStack | ||
contentWidth : Number [只读]
显示内容的区域的宽度,以像素为单位。 | ViewStack | ||
contentX : Number [只读]
显示内容的 ViewStack 容器区域的 x 坐标(以像素为单位)。 | ViewStack | ||
contentY : Number [只读]
显示内容的 ViewStack 容器区域的 y 坐标(以像素为单位)。 | ViewStack | ||
currentCSSState : String [只读]
匹配 CSS 伪选择器时要使用的状态。 | UIComponent | ||
hasComplexLayoutMatrix : Boolean [只读]
如果 UIComponent 具有任何非平移 (x,y) 转换属性,则返回 true。 | UIComponent | ||
resourceManager : IResourceManager [只读]
对管理所有应用程序本地化资源的对象的引用。 | UIComponent | ||
tabBar : mx.controls:TabBar
对此 TabNavigator 中的 TabBar 的引用。 | TabNavigator | ||
tabBarStyleFilters : Object [只读]
从 TabNavigator 传递到 tabBar 的样式集。 | TabNavigator | ||
unscaledHeight : Number [只读]
用于确定组件的未缩放高度的简便方法。 | UIComponent | ||
unscaledWidth : Number [只读]
用于确定组件的未缩放宽度的简便方法。组件的绘图和子布局的所有设置均应在以此宽度为宽的矩形边框中完成,还应将此宽度作为参数传递到 updateDisplayList() 中。 | UIComponent |
方法 | 由以下参数定义 | ||
---|---|---|---|
构造函数。 | TabNavigator | ||
[覆盖]
向此容器添加一个子 DisplayObject 子项。 | Container | ||
[覆盖]
向此容器添加一个子 DisplayObject 子项。 | Container | ||
将可视元素添加到此容器中。 | Container | ||
将可视元素添加到此容器中。 | Container | ||
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
使用 EventDispatcher 对象注册事件侦听器对象,以使侦听器能够接收事件通知。 | EventDispatcher | ||
将非可视样式客户端添加到该组件实例。 | UIComponent | ||
表示安全限制是否会导致出现以下情况:在列表中忽略了使用指定 point 点调用 DisplayObjectContainer.getObjectsUnderPoint() 方法时返回的所有显示对象。 | DisplayObjectContainer | ||
排队稍后调用的函数。 | UIComponent | ||
删除此组件实例的样式属性。 | UIComponent | ||
确定指定显示对象是 DisplayObjectContainer 实例的子项还是该实例本身。 | DisplayObjectContainer | ||
[覆盖]
将 Point 对象由内容坐标转换为全局坐标。 | Container | ||
[覆盖]
将 Point 对象由内容坐标转换为本地坐标。 | Container | ||
返回标识此容器中的子项的一组属性。 | UIComponent | ||
返回标识此容器中的子项的一组属性。 | UIComponent | ||
提供一个 UIComponentDescriptor,创建相应的组件并将该组件添加为此容器的子项。 | Container | ||
循环访问 childDescriptor Array,并对每个元素调用 createComponentFromDescriptor() 方法。 | Container | ||
为实现 IDeferredContentOwner 接口以支持延迟实例化的容器,执行调用 createComponentsFromDescriptors(true) 方法的等效操作。 | Container | ||
在 IUIComponent 对象的父项文档对象上创建对此对象的 id 引用。 | UIComponent | ||
在 IUIComponent 对象的父项文档对象上删除对此对象的 id 引用。 | UIComponent | ||
返回与此 UIComponent 的文本样式对应的 UITextFormat 对象。 | UIComponent | ||
[覆盖]
将事件调度到事件流中。 | UIComponent | ||
在此组件周围显示或隐藏焦点指示符。 | 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
通过编程方式在此外观的 Graphics 对象中绘制一个矩形。 | UIComponent | ||
停止在组件上播放效果实例时,由效果实例调用。 | UIComponent | ||
开始在组件上播放效果实例时,由效果实例调用。 | UIComponent | ||
结束组件上当前播放的所有效果。 | UIComponent | ||
[覆盖]
执行此 Container 上的所有数据绑定。 | Container | ||
执行到此 Container 的子 UIComponent 对象的绑定。 | Container | ||
打印完成后调用。 | UIComponent | ||
在指定的索引位置提供自动化对象。 | UIComponent | ||
提供自动化对象列表。 | UIComponent | ||
返回一个矩形,该矩形定义相对于 targetCoordinateSpace 对象坐标系的显示对象区域。 | DisplayObject | ||
按指定的元素大小,返回元素边界的 x 坐标。 | UIComponent | ||
按指定的元素大小,返回元素边界的 y 坐标。 | UIComponent | ||
[覆盖]
获取第 n 个子组件对象。 | Container | ||
[覆盖]
返回 name 属性为指定 String 的子项。 | Container | ||
[覆盖]
获取特定子项的从零开始的索引。 | Container | ||
返回由容器的内容子项组成的 DisplayObject 对象的 Array。 | Container | ||
查找此 UIComponent 实例的类型选择器。 | UIComponent | ||
返回一个约束布局值,这与获取此组件的约束样式的方式类似。 | UIComponent | ||
返回指定索引处的可视元素。 | Container | ||
返回可视元素的索引位置。 | Container | ||
确定是使用显式高度还是测量高度的一种简便方法
| UIComponent | ||
确定是使用显式宽度还是测量宽度的一种简便方法
| UIComponent | ||
获取当前具有焦点的对象。 | UIComponent | ||
返回元素的布局高度。 | UIComponent | ||
返回元素的布局宽度。 | UIComponent | ||
返回元素在屏幕上进行绘制时所用的 x 坐标。 | UIComponent | ||
返回元素在屏幕上进行绘制时所用的 y 坐标。 | UIComponent | ||
返回用于相对于其同级组件计算组件的布局的转换矩阵。 | UIComponent | ||
返回此元素的布局转换 Matrix3D。 | UIComponent | ||
返回元素的最大高度。 | UIComponent | ||
返回元素的最大宽度。 | UIComponent | ||
返回元素的最小高度。 | UIComponent | ||
返回元素的最小宽度。 | UIComponent | ||
返回对象的数组,这些对象位于指定点下,并且是该 DisplayObjectContainer 实例的子项(或孙子项,依此类推)。 | DisplayObjectContainer | ||
返回元素的首选高度。 | UIComponent | ||
返回元素的首选宽度。 | UIComponent | ||
返回一个矩形,该矩形根据 targetCoordinateSpace 参数定义的坐标系定义显示对象的边界,但不包括形状上的任何笔触。 | DisplayObject | ||
返回 dataProvider 中由指定的 Repeater 用来生成此 Repeater 的项目;如果此 Repeater 未重复,则返回 null。 | UIComponent | ||
获取已在此组件的样式查找链中的某个位置设置过的样式属性。 | UIComponent | ||
返回位于指定索引处的导航器的 TabBar 控件选项卡。 | TabNavigator | ||
[覆盖]
将 Point 对象由全局坐标转换为内容坐标。 | Container | ||
将 point 对象从舞台(全局)坐标转换为显示对象的(本地)坐标。 | DisplayObject | ||
将二维点从舞台(全局)坐标转换为三维显示对象的(本地)坐标。 | DisplayObject | ||
如果 currentCSSState 不为 null,则返回 true。 | UIComponent | ||
检查 EventDispatcher 对象是否为特定事件类型注册了任何侦听器。 | EventDispatcher | ||
表示对象是否已经定义了指定的属性。 | Object | ||
确定是否已在此 UIComponent 上定义指定的状态。 | UIComponent | ||
计算显示对象的边框,以确定它是否与 obj 显示对象的边框重叠或相交。 | DisplayObject | ||
计算显示对象,以确定它是否与 x 和 y 参数指定的点重叠或相交。 | DisplayObject | ||
返回一个框 Matrix,在绘制水平渐变时可以将其作为 rot 参数传递给 drawRoundRect() 方法。 | UIComponent | ||
初始化此组件的内部结构。 | UIComponent | ||
初始化用于跟踪此组件的重复实例的各个属性。 | UIComponent | ||
标记组件,以便在稍后屏幕更新期间调用该组件的 updateDisplayList() 方法。 | UIComponent | ||
由某个组件的项目进行调用,以指示其 depth 属性已更改。 | UIComponent | ||
当某元素的 layoutDirection 更改或其父代的 layoutDirection 更改时,该元素必须调用该方法。 | UIComponent | ||
标记组件,以便在稍后屏幕更新期间调用该组件的 commitProperties() 方法。 | UIComponent | ||
标记组件,以便在稍后屏幕更新期间调用该组件的 measure() 方法。 | UIComponent | ||
表示 Object 类的实例是否在指定为参数的对象的原型链中。 | Object | ||
加载此对象的状态。 | ViewStack | ||
将三维显示对象的(本地)坐标的三维点转换为舞台(全局)坐标中的二维点。 | DisplayObject | ||
[覆盖]
将 Point 对象由本地坐标转换为内容坐标。 | Container | ||
将 point 对象从显示对象的(本地)坐标转换为舞台(全局)坐标。 | DisplayObject | ||
如果 cssState 与 currentCSSState 匹配,则返回 true。 | UIComponent | ||
确定此实例与给定类型相同,还是属于给定类型的子类。 | UIComponent | ||
测量指定的 HTML 文本(该文本中可能包含 <font> 和 <b> 等 HTML 标签),假定该文本显示在单行 UITextField(使用由此 UIComponent 的样式确定的 UITextFormat)中。 | UIComponent | ||
测量指定的文本,假定该文本使用由此 UIComponent 的样式确定的 UITextFormat 显示在单行 UITextField(或 UIFTETextField)中。 | UIComponent | ||
将组件移动到其父项内的指定位置。 | UIComponent | ||
将样式更改传播到子项。 | UIComponent | ||
如果 owner 属性链从 child 指向此 UIComponent,则返回 true。 | UIComponent | ||
当在父项中添加或删除 UIComponent 对象时由 Flex 调用。 | UIComponent | ||
准备 IFlexDisplayObject 用于打印。 | UIComponent | ||
表示指定的属性是否存在、是否可枚举。 | Object | ||
为此组件及其所有后代生成或重新生成 CSS 样式缓存,前提条件是递归参数为 true。 | UIComponent | ||
针对每个效果事件,将 EffectManager 注册为一个事件侦听器。 | UIComponent | ||
在此容器的子项列表中删除所有子项。 | Container | ||
从容器中删除所有可视元素。 | Container | ||
[覆盖]
从此容器的子项列表中删除子 DisplayObject。 | Container | ||
[覆盖]
从此容器的子项列表中删除指定索引位置的子 DisplayObject。 | Container | ||
从 DisplayObjectContainer 实例的子级列表中删除所有子 DisplayObject 实例。 | DisplayObjectContainer | ||
从此容器的子列表中删除指定的可视元素。 | Container | ||
从容器中的指定索引位置删除可视元素。 | Container | ||
从 EventDispatcher 对象中删除侦听器。 | EventDispatcher | ||
从该组件实例删除非可视样式客户端。 | UIComponent | ||
重放指定的事件。 | UIComponent | ||
显示虚拟键盘。 | InteractiveObject | ||
使用提供的 ID 解析子项。 | UIComponent | ||
[静态]
在调用 suspendBackgroundProcessing() 之后继续对使用 callLater() 排队的方法进行背景处理。 | UIComponent | ||
保存此对象的状态。 | ViewStack | ||
调整对象大小。 | UIComponent | ||
[覆盖]
设置特定子项的索引。 | Container | ||
设置一个布局约束值的方式,与设置此组件的约束样式的方式相同。 | UIComponent | ||
设置当前状态。 | UIComponent | ||
在可视容器中更改现有可视元素的位置。 | Container | ||
设置此组件的焦点。 | UIComponent | ||
设置元素在屏幕上进行绘制时所用的坐标。 | UIComponent | ||
设置元素的布局大小。 | UIComponent | ||
设置用于相对于其同级组件计算组件的布局大小和位置的转换 Matrix。 | UIComponent | ||
设置用于计算组件相对于其同级组件的布局大小和位置的转换 Matrix3D。 | UIComponent | ||
设置循环操作动态属性的可用性。 | Object | ||
对此组件实例设置样式属性。 | UIComponent | ||
当 visible 属性发生更改时调用。 | UIComponent | ||
允许用户拖动指定的 Sprite。 | Sprite | ||
使用户可以在启用触摸的设备上拖动指定的 Sprite。 | Sprite | ||
对源起于此对象的所有 MovieClip 递归停止时间轴执行。 | DisplayObjectContainer | ||
结束 startDrag() 方法。 | Sprite | ||
结束 startTouchDrag() 方法,用于启用触摸的设备。 | Sprite | ||
检测对样式属性的更改。 | UIComponent | ||
首次初始化组件样式时,Flex 会调用 stylesInitialized() 方法。 | UIComponent | ||
[静态]
阻止对使用 callLater() 排队的方法进行背景处理,直到调用 resumeBackgroundProcessing() 为止。 | UIComponent | ||
交换两个指定子对象的 Z 轴顺序(从前到后顺序)。 | DisplayObjectContainer | ||
在子级列表中两个指定的索引位置,交换子对象的 Z 轴顺序(前后顺序)。 | DisplayObjectContainer | ||
交换两个指定可视元素的索引。 | Container | ||
交换容器中位于两个指定索引位置的可视元素。 | Container | ||
返回此对象的字符串表示形式,其格式设置遵守区域设置特定的约定。 | Object | ||
[覆盖]
返回一个字符串,用于指示此对象在应用程序的 DisplayObject 层次结构中所处的位置。 | 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
用于更新转换的旋转、缩放和平移的一种实用程序方法,同时保留某个特定点,该点是在组件自己的坐标空间中指定的,且在父项的坐标空间中是固定的。 | UIComponent | ||
一种实用程序方法,用于将以该对象的本地坐标指定的点转换为在该对象父坐标中的相应位置。 | UIComponent | ||
验证子项的位置和大小,并绘制其他可视内容。 | UIComponent | ||
验证并更新此对象的属性和布局,如果需要的话重绘对象。 | UIComponent | ||
由布局逻辑用于通过调用 commitProperties() 方法来验证组件的属性。 | UIComponent | ||
如果使用此 ILayoutManagerClient 调用 LayoutManager.invalidateSize() 方法,随后在测量时调用了 validateSize() 方法,则验证组件的度量大小。 | UIComponent | ||
处理分配给此组件的验证程序调度的 valid 和 invalid 事件。 | UIComponent | ||
返回指定对象的原始值。 | Object | ||
返回一个框 Matrix,在绘制垂直渐变时可以将其作为 rot 参数传递给 drawRoundRect()。 | UIComponent | ||
检查是否用此 EventDispatcher 对象或其任何祖代为指定事件类型注册了事件侦听器。 | EventDispatcher |
方法 | 由以下参数定义 | ||
---|---|---|---|
调整焦点矩形。 | UIComponent | ||
提交计算的矩阵,该矩阵是基于布局矩阵以及 flash displayObject 的转换的转换偏移量而构建的。 | UIComponent | ||
[覆盖]
供溶解效果在内部用来添加叠加层到容器的镶边。 | Container | ||
确定是否可以跳过对 measure() 方法的调用。 | UIComponent | ||
创建子对象后执行任何最终处理。 | UIComponent | ||
处理对组件设置的属性。 | UIComponent | ||
提交所选索引。 | ViewStack | ||
如果需要容器的边框外观,但却不存在,则创建容器的边框外观。 | Container | ||
创建组件的子对象。 | UIComponent | ||
根据所用的嵌入字体使用上下文创建新对象。 | UIComponent | ||
使用给定的 moduleFactory 创建对象。 | UIComponent | ||
更新属性时调度 PropertyChangeEvent 的 Helper 方法。 | UIComponent | ||
当 UIComponent 对象获得焦点时调用的事件处理函数。 | UIComponent | ||
当 UIComponent 对象失去焦点时调用的事件处理函数。 | UIComponent | ||
对于组件的某些不常使用的高级布局功能,初始化其实现和存储。 | UIComponent | ||
完成对此组件的初始化。 | UIComponent | ||
初始化此组件的辅助功能代码。 | UIComponent | ||
此对象影响其布局时(includeInLayout 为 true),使父代大小和显示列表失效的 Helper 方法。 | UIComponent | ||
通常由包含 UITextField 对象的组件覆盖,其中 UITextField 对象获取焦点。 | UIComponent | ||
为 keyDown 事件调用的事件处理函数。 | UIComponent | ||
为 keyUp 事件调用的事件处理函数。 | UIComponent | ||
通过设置此容器边框的位置和大小响应大小更改。 | Container | ||
[覆盖]
计算此 TabNavigator 容器的默认大小以及最小值和最大值。 | TabNavigator | ||
构建 UIComponent 时将调用此方法,并且每当 ResourceManager 调度“change”事件用于指示本地化资源已经过某种更改时,都会再次调用此方法。 | UIComponent | ||
基于 horizontalScrollPosition 和 verticalScrollPosition 属性,确定容器的内容区域相对于可查看区域的位置。 | Container | ||
在水平方向和垂直方向上,指定转换拉伸因子。 | UIComponent | ||
当状态改变以检查状态特定的样式是否应用到此组件时,会调用此方法。 | UIComponent | ||
[覆盖]
通过设置此容器的选项卡及其子容器的位置和大小来响应大小更改。 | TabNavigator |
样式为常见样式,或与特定主题关联。如果为常见样式,则可以用于任何主题。如果样式与特定主题关联,则只有应用程序使用该主题时才能使用该样式。
样式 | 说明 | 由以下参数定义 | ||
---|---|---|---|---|
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 如果指定了背景图像,则此样式指定它是相对于视域保持固定状态 ( "fixed" ) 还是随着内容一起滚动 ("scroll" ). | Container | |||
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 从内容区域的上边缘到控件的基线位置的垂直距离(以像素为单位). | UIComponent | |||
类型: Class CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 组件的边框外观类. | Container | |||
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 边框样式. | Container | |||
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 从组件底边到其父容器的内容区域底边之间的垂直距离(以像素为单位). | UIComponent | |||
类型: uint 格式: Color CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 组件中文本(包括组件标签)的颜色. | Container | |||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 4 运行时版本: Flash10, AIR 1.5 此组件显示的文本的方向性. | Container | |||
类型: uint 格式: Color CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 禁用时组件中文本的颜色. | Container | |||
类型: Number CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 禁用容器时放置在容器上的叠加层的 alpha 值. | Container | |||
类型: uint 格式: Color CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 验证失败时,组件加亮部分的颜色. | UIComponent | |||
firstTabStyleName | 类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 指定第一个选项卡样式的 CSS 样式声明名称。如果未指定该样式,则使用 tabStyleName 样式属性的默认值。
| TabNavigator | ||
focusAlpha | 类型: Number CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 指定焦点外观的 alpha 透明度值。Halo 主题的默认值为 0.4 。Spark 主题的默认值为 0.55 。
| TabNavigator | ||
focusRoundedCorners | 类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 指定焦点矩形的哪些角应该是圆角。此值是使用空格分隔的字符串,该字符串可以是 "tl" 、"tr" 、"bl" 和 "br" 的任意组合。例如,要指定右侧的角为圆角,左侧的角为直角,应使用 "tr br" 。cornerRadius 样式属性指定圆角的半径。默认值取决于组件类;如果未覆盖该类的默认值,则默认值为 "tl tr bl br" 。
| TabNavigator | ||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 设置内部 TextField 的 antiAliasType 属性. | Container | |||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 使用的字体的名称. | Container | |||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 设置用于表示 Flex 控件文本的内部 TextField 的 gridFitType 属性. | Container | |||
类型: Number CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 设置用于表示 Flex 控件文本的内部 TextField 的 sharpness 属性. | Container | |||
类型: Number 格式: Length CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 文本的高度,以像素为单位. | Container | |||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 确定文本是否使用斜体. | Container | |||
类型: Number CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 设置用于表示 Flex 控件文本的内部 TextField 的 thickness 属性. | Container | |||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 确定文本是否使用粗体. | Container | |||
horizontalAlign | 类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 此 TabNavigator 容器顶部的选项卡的水平位置。可能值包括 "left" 、"center" 和 "right" 。默认值为 "left" 。
如果值为 若要查看各个对齐方式之间的不同之处,所有选项卡的总宽度必须小于 TabNavigator 容器的宽度。 | TabNavigator | ||
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 从组件内容区域的中心到组件中心的水平距离(以像素为单位). | UIComponent | |||
horizontalGap | 类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 选项卡之间的间距(以像素为单位)。默认值为 -1,因此,相邻选项卡的边框将重叠。 | TabNavigator | ||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 4.5 运行时版本: Flash10, AIR 2.5 该组件的主要交互模式. | UIComponent | |||
类型: Boolean CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 一个布尔值,表示是启用 ( true ) 还是禁用 (false ) 字距调整. | Container | |||
lastTabStyleName | 类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 指定最后一个选项卡样式的 CSS 样式声明名称。如果未指定该样式,则使用 tabStyleName 样式属性的默认值。
| TabNavigator | ||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 4.1 运行时版本: Flash10, AIR 1.5 指定组件的所需布局方向. | UIComponent | |||
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 从组件左边到其父容器的内容区域左边之间的水平距离(以像素为单位). | UIComponent | |||
类型: Number CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 各字符之间显示的附加像素数. | Container | |||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 4 运行时版本: Flash10, AIR 1.5 此组件显示的文本的区域设置. | Container | |||
类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 容器的下边框与其内容区域之间的像素数目. | ViewStack | |||
类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 组件左边框与其内容区域左边缘之间的像素数目. | Container | |||
类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 组件右边框与其内容区域右边缘之间的像素数目. | Container | |||
类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 容器的上边框与其内容区域之间的像素数目. | ViewStack | |||
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 从组件右边到其父容器的内容区域右边之间的水平距离(以像素为单位). | UIComponent | |||
selectedTabTextStyleName | 类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 指定所选选项卡的文本样式的 CSS 样式声明名称。 | TabNavigator | ||
类型: Boolean CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 4.5 运行时版本: Flash10, AIR 1.5 当此组件无效时,显示错误边框或外观 | UIComponent | |||
类型: Boolean CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 4.5 运行时版本: Flash10, AIR 1.5 如果此组件无效,当用户将鼠标移到它上方时,将显示错误提示 | UIComponent | |||
tabHeight | 类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 每个选项卡的高度(以像素为单位)。默认值为 undefined 。此属性为 undefined 时,每个选项卡的高度将由应用于此 TabNavigator 容器的字体样式确定。如果设置了此属性,则指定的值将覆盖此计算值。
| TabNavigator | ||
tabOffset | 类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 选项卡栏与 TabNavigator 容器左边缘的水平偏移量(以像素为单位)。如果是正值,则向右移动选项卡栏。如果是负值,则向左移动选项卡栏。 默认值为 0 。 | TabNavigator | ||
tabStyleName | 类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 指定选项卡样式的 CSS 样式声明名称。 默认值为 undefined 。 | TabNavigator | ||
tabWidth | 类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 每个选项卡的宽度(以像素为单位)。默认值为 undefined 。如果此属性为 undefined ,则各选项卡的宽度由其标签文本的宽度确定,使用的字体样式为 TabNavigator 容器应用的字体样式。如果选项卡的总宽度大于 TabNavigator 容器的宽度,则计算后的选项卡宽度将减少,但最小只能降到 30 像素。如果设置了此属性,则指定的值将覆盖此计算值。
如果选项卡上的标签文本不适合选项卡,将截断文本。如果截断选项卡标签,则在用户将鼠标滑过选项卡时,将显示含有完整标签文本的工具提示。 | TabNavigator | ||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 容器内文本的对齐方式. | Container | |||
类型: String CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 确定文本是否加下划线. | Container | |||
类型: Class CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 4 运行时版本: Flash10, AIR 1.5 实现此组件用来呈示文本的 IUITextField 的类. | Container | |||
类型: Number 格式: Length CSS 继承: 是 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 文本第一行偏离容器左侧的距离(以像素为单位). | Container | |||
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 从组件顶边到其父容器的内容区域顶边之间的垂直距离(以像素为单位). | UIComponent | |||
类型: String CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 从组件内容区域的中心到组件中心的垂直距离(以像素为单位). | UIComponent | |||
类型: Number 格式: Length CSS 继承: 否 语言版本: ActionScript 3.0 产品版本: Flex 3 运行时版本: Flash9, AIR 1.1 垂直方向上各子项间的像素数目. | ViewStack |
tabBar | 属性 |
protected var tabBar:mx.controls:TabBar
语言版本: | ActionScript 3.0 |
产品版本: | Flex 3 |
运行时版本: | Flash Player 9, AIR 1.1 |
对此 TabNavigator 中的 TabBar 的引用。
tabBarStyleFilters | 属性 |
TabNavigator | () | 构造函数 |
public function TabNavigator()
语言版本: | ActionScript 3.0 |
产品版本: | Flex 3 |
运行时版本: | Flash Player 9, AIR 1.1 |
构造函数。
getTabAt | () | 方法 |
measure | () | 方法 |
override protected function measure():void
语言版本: | ActionScript 3.0 |
产品版本: | Flex 3 |
运行时版本: | Flash Player 9, AIR 1.1 |
计算此 TabNavigator 容器的默认大小以及最小值和最大值。有关 measure()
方法的详细信息,请参阅 UIComponent.measure()
方法。
TabNavigator 容器与 ViewStack
容器使用的度量逻辑相同,但有两处改动:第一,它增大了 measuredHeight
和 measuredMinHeight
属性的值以便适应选项卡。第二,它可以在必要的情况下增大 measuredWidth
属性的值以确保每个选项卡的宽度至少为 30 个像素。
相关 API 元素
updateDisplayList | () | 方法 |
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
语言版本: | ActionScript 3.0 |
产品版本: | Flex 3 |
运行时版本: | Flash Player 9, AIR 1.1 |
通过设置此容器的选项卡及其子容器的位置和大小来响应大小更改。有关 updateDisplayList()
方法的详细信息,请参阅 UIComponent.updateDisplayList()
方法。
TabNavigator 容器将它的 TabBar 容器置于顶部。将 TabBar 的宽度设置为 TabNavigator 的宽度,并根据 tabHeight
属性设置其高度。
在 TabBar 下,TabNavigator 容器使用与 ViewStack 容器中的相同逻辑来设置自己的子容器的位置和大小。
参数
unscaledWidth:Number — 指定组件在组件坐标中的宽度(以像素为单位),而不考虑该组件的 scaleX 属性值。
| |
unscaledHeight:Number — 指定组件在组件坐标中的高度(以像素为单位),而不考虑该组件的 scaleY 属性值。
|
相关 API 元素
<?xml version="1.0"?> <!-- Simple example to demonstrate the Halo TabNavigator layout container. --> <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"> <s:Panel title="TabNavigator Container 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 the tabs to change the panel."/> <mx:TabNavigator id="tn" width="100%" height="100%"> <!-- Define each panel using a VBox container. --> <mx:VBox label="Panel 1"> <mx:Label text="TabNavigator container panel 1"/> </mx:VBox> <mx:VBox label="Panel 2"> <mx:Label text="TabNavigator container panel 2"/> </mx:VBox> <mx:VBox label="Panel 3"> <mx:Label text="TabNavigator container panel 3"/> </mx:VBox> </mx:TabNavigator> <s:Label width="100%" color="blue" text="Programmatically select the panel using a Button control."/> <s:HGroup> <mx:Button label="Select Tab 1" click="tn.selectedIndex=0"/> <mx:Button label="Select Tab 2" click="tn.selectedIndex=1"/> <mx:Button label="Select Tab 3" click="tn.selectedIndex=2"/> </s:HGroup> </s:VGroup> </s:Panel> </s:Application>
Tue Jun 12 2018, 11:04 AM Z