| Package | mx.containers |
| Class | public class TabNavigator |
| Inheritance | TabNavigator  ViewStack Container UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
| Implements | IFocusManagerComponent |
ViewStack 컨테이너와 같게, TabNavigator 컨테이너에는 child containers의 콜렉션이 포함됩니다. 한 번에 표시되는 아이는 1 살만입니다. TabNavigator 컨테이너의 상부에는 TabBar 컨테이너가 자동적으로 작성되어 이것에 의해 각 자 컨테이너에 1 살의 탭이 대응합니다. 각 탭에는 고유의 label와 아이콘을 할당할 수가 있습니다. 유저가 탭을 클릭하면, 대응하는 child containers가, TabNavigator 컨테이너의 선택된 아이로서 표시됩니다.
현재 표시되고 있는 child containers를 변경할 경우에는, 비표시로 하는 컨테이너의 hideEffect property 및 새롭게 표시하는 child containers의 showEffect property를 사용해, child containers에 정리해 effect를 적용할 수 있습니다. TabNavigator 컨테이너는, 비표시로 하는 child containers의 hideEffect 가 완료할 때까지 대기해, 그 후로 새로운 child containers를 표시합니다. effect의 재생을 계속하면서 TabNavigator 컨테이너의 selectedIndex property를 변경하는 경우에는, 현재 재생중의 effect를 중단할 수 있습니다.
MXML 문장구조법의 비표시
<mx:TabNavigator> 태그는, Super 클래스의 태그 속성을 모두 Inheritance할 뿐만 아니라, 다음의 태그 속성도 갖추고 있습니다.
<mx:TabNavigator 스타일 fillAlphas="[0.60, 0.40, 0.75, 0.65]" fillColors="[0xFFFFFF, 0xCCCCCC, 0xFFFFFF, 0xEEEEEE]" firstTabStyleName="propertytabStyleName의 값" focusAlpha="0.4" focusRoundedCorners="tl tr bl br" horizontalAlign="left|center|right" horizontalGap="-1" lastTabStyleName="propertytabStyleName의 값" selectedTabTextStyleName="undefined" tabHeight="undefined" tabStyleName="탭의 스타일을 지정하는 CSS 스타일 선언의 이름" tabWidth="undefined" > ... child 태그 ... </mx:TabNavigator>
See also
| property | 정의 | ||
|---|---|---|---|
 | actualCreationPolicy : String
이 컨테이너의 작성 policy입니다.
| Container | |
| contentHeight : Number
컨텐츠가 표시되는 area의 높이를 픽셀 단위로 나타냅니다.
| ViewStack | |
| contentWidth : Number
컨텐츠가 표시되는 area의 폭을 픽셀 단위로 나타냅니다.
| ViewStack | |
| contentX : Number
컨텐츠가 표시되는 ViewStack 컨테이너의 area의 x 좌표를 픽셀 단위로 나타냅니다.
| ViewStack | |
| contentY : Number
컨텐츠가 표시되는 ViewStack 컨테이너의 area의 y 좌표를 픽셀 단위로 나타냅니다.
| ViewStack | |
| tabBar : TabBar
이 TabNavigator 내의 TabBar 에의 참조입니다.
| TabNavigator | ||
| unscaledHeight : Number
확대 / 축소 없음의 컴퍼넌트의 높이를 요구하는 편리한 Methods입니다. 컴퍼넌트의 묘화 및 아이의 레이아웃은 모두, 이 높이의 네모진 범위내에서 실시할 필요가 있습니다. 또, 이 값은
updateDisplayList() 에 인수로서 건네받습니다. | UIComponent | |
| unscaledWidth : Number
확대 / 축소 없음의 컴퍼넌트의 폭을 요구하는 편리한 Methods입니다. 컴퍼넌트의 묘화 및 아이의 레이아웃은 모두, 이 폭의 네모진 범위내에서 실시할 필요가 있습니다. 또, 이 값은
updateDisplayList() 에 인수로서 건네받습니다. | UIComponent | |
| Methods | 정의 | ||
|---|---|---|---|
| TabNavigator ()
constructor .
| TabNavigator | ||
| addChild (child:DisplayObject ):DisplayObject
이 컨테이너에 child DisplayObject 를 추가합니다.
| Container | |
| addChildAt (child:DisplayObject , index:int ):DisplayObject
이 컨테이너에 child DisplayObject 를 추가합니다.
| Container | |
| addEventListener (type:String , listener:Function , useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
event listener objects를 EventDispatcher object에 등록해, listener가 이벤트의 통지를 받도록(듯이) 합니다.
| EventDispatcher | |
| areInaccessibleObjectsUnderPoint (point:Point ):Boolean
특정의
point 포인트를 지정해 호출한 DisplayObjectContainer.getObjectsUnderPoint() Methods로부터 돌려주어진 리스트에, 시큐러티상의 제약을 위해서(때문에) 생략 되는 표시 object가 있을지 어떨지를 나타냅니다. | DisplayObjectContainer | |
| callLater (method:Function , args:Array = null):void
다음에 호출하는 함수를 큐에 포함합니다.
| UIComponent | |
| clearStyle (styleProp:String ):void
이 컴퍼넌트 인스턴스로부터 스타일 property를 삭제합니다.
| UIComponent | |
| contains (child:DisplayObject ):Boolean
지정된 표시 object가, DisplayObjectContainer 인스턴스의 아이인지, 인스턴스 자체인지를 지정합니다.
| DisplayObjectContainer | |
| contentToGlobal (point:Point ):Point
Point object를 컨텐츠 좌표로부터 글로벌 좌표로 변환합니다. | Container | |
| contentToLocal (point:Point ):Point
Point object를 컨텐츠 좌표로부터 로컬 좌표로 변환합니다. | Container | |
| createComponentFromDescriptor (descriptor:ComponentDescriptor , recurse:Boolean ):IFlexDisplayObject
단일의 UIComponentDescriptor 를 지정하면, 대응하는 컴퍼넌트를 작성해, 이 컨테이너의 아이로서 컴퍼넌트를 추가합니다.
| Container | |
| createComponentsFromDescriptors (recurse:Boolean = true):void
childDescriptors 의 배열을 반복 처리 해, 배열의 각 요소에 대해서 createComponentFromDescriptor() 를 호출합니다. | Container | |
| createReferenceOnParentDocument (parentDocument:IFlexDisplayObject ):void
이 IUIComponent object에의
id 참조를 친문서 object상에 작성합니다. | UIComponent | |
| deleteReferenceOnParentDocument (parentDocument:IFlexDisplayObject ):void
이 IUIComponent object에의
id 참조를 친문서 object로부터 삭제합니다. | UIComponent | |
| determineTextFormatFromStyles ():UITextFormat
이 UIComponent 의 텍스트 스타일에 대응하는 UITextFormat object를 돌려줍니다.
| UIComponent | |
| dispatchEvent (event:Event ):Boolean
이벤트를 event 플로우(flow)에 dispatch합니다.
| EventDispatcher | |
| drawFocus (focused:Boolean ):void
이 컴퍼넌트를 둘러싸는 포커스 인디케이터(indicator)를 표시 또는 비표시로 합니다.
| 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 object에, 프로그램으로 구형을 묘화 합니다.
| UIComponent | |
| effectFinished (effectInst:EffectInstance ):void
컴퍼넌트에서의 재생의 정지시에 effect 인스턴스에 의해 불려 갑니다.
| UIComponent | |
| effectStarted (effectInst:EffectInstance ):void
컴퍼넌트에서의 재생의 개시시에 effect 인스턴스에 의해 불려 갑니다.
| UIComponent | |
| endEffectsStarted ():void
현재 컴퍼넌트로 재생중의 모든 effect를 종료합니다.
| UIComponent | |
| executeBindings (recurse:Boolean = false):void
이 컨테이너의 모든 데이터 바인딩을 실행합니다.
| Container | |
| executeChildBindings (recurse:Boolean ):void
이 컨테이너의 child UIComponent object에의 바인딩을 실행합니다.
| Container | |
| finishPrint (obj:Object , target:IFlexDisplayObject ):void
인쇄의 완료 후에 불려 갑니다.
| UIComponent | |
| getBounds (targetCoordinateSpace:DisplayObject ):Rectangle
targetCoordinateSpace object의 좌표계를 기준으로 해, 표시 object의 area를 정의하는 구형을 돌려줍니다. | DisplayObject | |
| getChildAt (index:int ):DisplayObject
n 번째의 child 컴퍼넌트 object를 취득합니다.
| Container | |
| getChildByName (name:String ):DisplayObject
지정한 string의
name property를 가지는 아이를 돌려줍니다. | Container | |
| getChildIndex (child:DisplayObject ):int
특정의 아이의 0 으로부터 시작되는 인덱스를 취득합니다.
| Container | |
| getChildren ():Array
컨테이너의 컨텐츠의 아이로 구성된 DisplayObjects object의 배열을 돌려줍니다.
| Container | |
| getClassStyleDeclarations ():Array
이 UIComponent 인스턴스의 타입 selector를 찾습니다.
| UIComponent | |
| getExplicitOrMeasuredHeight ():Number
명시된 높이를 사용하는지, 그렇지 않으면 측정한 높이를 사용하는지를 결정하는 편리한 Methods입니다.
| UIComponent | |
| getExplicitOrMeasuredWidth ():Number
명시적인 폭 또는 측정폭을 사용할지 어떨지를 결정하기 위한 편리한 Methods입니다.
| UIComponent | |
| getFocus ():InteractiveObject
현재 포커스를 가지고 있는 object를 취득합니다.
| UIComponent | |
| getObjectsUnderPoint (point:Point ):Array
지정된 포인트아래에 있어, 이 DisplayObjectContainer 인스턴스의 child 또는 손자등인 object의 배열을 돌려줍니다.
| DisplayObjectContainer | |
| getRect (targetCoordinateSpace:DisplayObject ):Rectangle
셰이프상의 선을 제외해,
targetCoordinateSpace Parameters에 의해 정의된 좌표계에 근거해, 표시 object의 경계를 정의하는 구형을 돌려줍니다. | DisplayObject | |
| getRepeaterItem (whichRepeater:int = -1):Object
지정된 Repeater 가 이 Repeater 를 생성하기 위해서 사용한
dataProvider 내의 아이템을 돌려줍니다. 이 Repeater 가 반복해지지 않은 경우는,null 를 돌려줍니다. | UIComponent | |
| getStyle (styleProp:String ):*
이 컴퍼넌트의 스타일 참조 체인의 몇개의 장소로 설정된 스타일 property를 취득합니다.
| UIComponent | |
| getTabAt (index:int ):Button
지정된 인덱스 위치에 있는, 네비게이터의 TabBar 컨트롤의 탭을 돌려줍니다.
| TabNavigator | ||
| globalToContent (point:Point ):Point
Point object를 글로벌 좌표로부터 컨텐츠 좌표로 변환합니다. | Container | |
| globalToLocal (point:Point ):Point
point object를 스테이지 (글로벌) 좌표로부터 표시 object의 (로컬) 좌표로 변환합니다. | DisplayObject | |
| hasEventListener (type:String ):Boolean
EventDispatcher object에, 특정의 event 타입에 대해서 등록된 listener가 있을지 어떨지를 확인합니다.
| EventDispatcher | |
| hasOwnProperty (name:String ):Boolean
object로 지정된 property가 정의되고 있는지 어떤지를 나타냅니다.
| Object | |
| hitTestObject (obj:DisplayObject ):Boolean
표시 object를 평가해,
obj 표시 object와 중복 또는 교차할지 어떨지를 조사합니다. | DisplayObject | |
| hitTestPoint (x:Number , y:Number , shapeFlag:Boolean = false):Boolean
표시 object를 평가해,
x 및 y Parameters로 지정된 포인트와 중복 또는 교차할지 어떨지를 조사합니다. | DisplayObject | |
| horizontalGradientMatrix (x:Number , y:Number , width:Number , height:Number ):Matrix
수평 방향의 그라데이션을 묘화 할 경우에
rot Parameters로서 drawRoundRect() Methods에 건네줄 수 있는 박스의 Matrix 를 돌려줍니다. | UIComponent | |
| initialize ():void
이 컴퍼넌트의 내부 구조를 초기화합니다.
| UIComponent | |
| initializeRepeaterArrays (parent:IRepeaterClient ):void
이 컴퍼넌트가 반복해지는 인스턴스를 추적하는 각종 property를 초기화합니다.
| UIComponent | |
| invalidateDisplayList ():void
다음에 화면이 갱신되고 있는 동안에
updateDisplayList() Methods가 불려 가도록(듯이), 컴퍼넌트를 마크 합니다. | UIComponent | |
| invalidateProperties ():void
다음에 화면이 갱신되고 있는 동안에
commitProperties() Methods가 불려 가도록(듯이), 컴퍼넌트를 마크 합니다. | UIComponent | |
| invalidateSize ():void
다음에 화면이 갱신되고 있는 동안에
measure() Methods가 불려 가도록(듯이), 컴퍼넌트를 마크 합니다. | UIComponent | |
| isPrototypeOf (theClass:Object ):Boolean
Object 클래스의 인스턴스가, Parameters로서 지정된 object의 prototype 체인내에 있을지 어떨지를 나타냅니다.
| Object | |
| loadState (state:Object ):void
이 object 상태를 로드합니다.
| ViewStack | |
| localToContent (point:Point ):Point
Point object를 로컬 좌표로부터 컨텐츠 좌표로 변환합니다. | Container | |
| localToGlobal (point:Point ):Point
point object를 표시 object의 (로컬) 좌표로부터 스테이지 (글로벌) 좌표로 변환합니다. | DisplayObject | |
| measureHTMLText (htmlText:String ):TextLineMetrics
이 UIComponent 의 스타일로 결정되는 UITextFormat 를 사용해 단일행의 UITextField 에 표시하는 것으로서
<font> 나 <b> 와 같은 HTML 태그가 포함되는 지정의 HTML 텍스트를 측정합니다. | UIComponent | |
| measureText (text:String ):TextLineMetrics
이 UIComponent 의 스타일로 결정되는 UITextFormat 를 사용해 단일행의 UITextField 에 표시하는 것으로서 지정의 텍스트를 측정합니다.
| UIComponent | |
| move (x:Number , y:Number ):void
부모의 내부의 지정된 위치에 컴퍼넌트를 이동합니다.
| UIComponent | |
| notifyStyleChangeInChildren (styleProp:String , recursive:Boolean ):void
스타일의 변경을 아이에게 통지합니다.
| UIComponent | |
| owns (child:DisplayObject ):Boolean
owner property의 체인이 child 로부터 이 UIComponent 를 지정하고 있는 경우에,true 를 돌려줍니다. | UIComponent | |
| parentChanged (p:DisplayObjectContainer ):void
UIComponent object를 부모에 대해서 추가 또는 삭제했을 때에 Flex 에 의해 불려 갑니다.
| UIComponent | |
| prepareToPrint (target:IFlexDisplayObject ):Object
인쇄용의 IFlexDisplayObject 를 준비합니다.
| UIComponent | |
| propertyIsEnumerable (name:String ):Boolean
지정된 property가 존재해, 열거 가능한가 어떤가를 나타냅니다.
| Object | |
| regenerateStyleCache (recursive:Boolean ):void
이 컴퍼넌트의 CSS 스타일 캐쉬를 작성 또는 재작성합니다.
recursive Parameters가 true 의 경우는, 이 컴퍼넌트의 모든 자손의 CSS 스타일 캐쉬도 작성 또는 재작성합니다. | UIComponent | |
| registerEffects (effects:Array ):void
각 effect 이벤트에 대해, EffectManager 를 event listener의 1 개로서 등록합니다.
| UIComponent | |
| removeAllChildren ():void
이 컨테이너의 child 리스트로부터 모든 아이를 삭제합니다.
| Container | |
| removeChild (child:DisplayObject ):DisplayObject
이 컨테이너의 child 리스트로부터 child DisplayObject 를 삭제합니다.
| Container | |
| removeChildAt (index:int ):DisplayObject
이 컨테이너의 child 리스트로부터 지정된 인덱스 위치에 있는 child DisplayObject 을 삭제합니다.
| Container | |
| removeEventListener (type:String , listener:Function , useCapture:Boolean = false):void
EventDispatcher object로부터 listener를 삭제합니다.
| EventDispatcher | |
| resumeBackgroundProcessing ():void
[static]
suspendBackgroundProcessing() 가 불려 간 후,callLater() 에 의해 큐에 넣어진 Methods의 백그라운드 처리를 재개합니다. | UIComponent | |
| saveState ():Object
이 object 상태를 보존합니다.
| ViewStack | |
| setActualSize (w:Number , h:Number ):void
object의 크기를 설정합니다.
| UIComponent | |
| setChildIndex (child:DisplayObject , newIndex:int ):void
특정의 아이의 인덱스를 설정합니다.
| Container | |
| setCurrentState (stateName:String , playTransition:Boolean = true):void
현재 상태를 설정합니다.
| UIComponent | |
| setFocus ():void
현재 취급하고 있는 컴퍼넌트에 포커스를 설정합니다.
| UIComponent | |
| setPropertyIsEnumerable (name:String , isEnum:Boolean = true):void
루프 처리에 대한 다이나믹 property의 가용성을 설정합니다.
| Object | |
| setStyle (styleProp:String , newValue:* ):void
이 컴퍼넌트 인스턴스의 스타일 property를 설정합니다.
| UIComponent | |
| setVisible (value:Boolean , noEvent:Boolean = false):void
visible property가 변경되었을 때에 불려 갑니다. | UIComponent | |
| startDrag (lockCenter:Boolean = false, bounds:Rectangle = null):void
지정된 스프라이트를 유저가 드러그 할 수 있도록(듯이) 합니다.
| Sprite | |
| stopDrag ():void
startDrag() Methods를 종료합니다. | Sprite | |
| styleChanged (styleProp:String ):void
스타일 property의 변경을 검출합니다.
| UIComponent | |
| stylesInitialized ():void
컴퍼넌트의 스타일을 처음으로 초기화할 때, Flex 는
stylesInitialized() Methods를 호출합니다. | UIComponent | |
| suspendBackgroundProcessing ():void
[static]
resumeBackgroundProcessing() 가 불려 갈 때까지,callLater() 에 의해 큐에 넣어진 Methods의 백그라운드 처리를 블록 합니다. | UIComponent | |
| swapChildren (child1:DisplayObject , child2:DisplayObject ):void
지정된 2 살의 child object의 z 순서 (겹침순서)를 바꿔 넣습니다.
| DisplayObjectContainer | |
| swapChildrenAt (index1:int , index2:int ):void
아이 리스트내의 지정된 인덱스 위치에 해당하는 2 살의 child object의 z 순서 (겹침순서)를 바꿔 넣습니다.
| DisplayObjectContainer | |
| toString ():String
어플리케이션의 DisplayObject 의 계층 내부에서의 이 object의 위치를 나타내는 string를 돌려줍니다.
| FlexSprite | |
| validateDisplayList ():void
아이의 위치와 크기를 검증해, 그 외의 비주얼 object를 묘화 합니다.
| UIComponent | |
| validateNow ():void
필요에 따라서, 이 object의 property와 레이아웃을 검증 및 갱신해, 그것을 재묘화 합니다.
| UIComponent | |
| validateProperties ():void
commitProperties() Methods를 호출해 컴퍼넌트의 property를 검증하기 위해서 레이아웃 논리에 의해 사용됩니다. | UIComponent | |
| validateSize (recursive:Boolean = false):void
LayoutManager.invalidateSize() Methods가 이 ILayoutManagerClient 를 지정해 불려 가 측정의 실행시에 validateSize() Methods가 불려 갔을 경우에, 컴퍼넌트의 측정 크기를 검증합니다. | UIComponent | |
| validationResultHandler (event:ValidationResultEvent ):void
이 컴퍼넌트에 할당할 수 있었던 발리 데이터로부터의
valid 와 invalid 의 양쪽 모두의 이벤트를 처리합니다. | UIComponent | |
| valueOf ():Object
지정된 object의 원시적치를 돌려줍니다.
| Object | |
| verticalGradientMatrix (x:Number , y:Number , width:Number , height:Number ):Matrix
수직 방향의 그라데이션을 묘화 할 경우에
rot Parameters로서 drawRoundRect() Methods에 건네줄 수 있는 박스의 Matrix 를 돌려줍니다. | UIComponent | |
| willTrigger (type:String ):Boolean
지정된 event 타입에 대해, 이 EventDispatcher object 또는 그 조상에게 event listener가 등록되어 있는지 어떤지를 확인합니다.
| EventDispatcher | |
| Methods | 정의 | ||
|---|---|---|---|
| adjustFocusRect (obj:DisplayObject = null):void
포커스 구형을 조정합니다.
| UIComponent | |
| attachOverlay ():void
Dissolve effect로 컨테이너의 크롬에 오버레이를 추가할 경우에 내부적으로 사용됩니다.
| Container | |
| childrenCreated ():void
아이 object의 작성 후에 행해지는 최종 처리를 실행합니다.
| UIComponent | |
| commitProperties ():void
컴퍼넌트로 설정된 property를 처리합니다.
| UIComponent | |
| createBorder ():void
컨테이너의 경계선의 스킨이 존재하지 않는 경우, 필요에 따라서 스킨을 작성합니다.
| Container | |
| createChildren ():void
컴퍼넌트의 child object를 작성합니다.
| UIComponent | |
| focusInHandler (event:FocusEvent ):void
UIComponent object가 포커스를 취득했을 때에 불려 가는 event 핸들러입니다.
| UIComponent | |
| focusOutHandler (event:FocusEvent ):void
UIComponent object가 포커스를 잃었을 때에 불려 가는 event 핸들러입니다.
| UIComponent | |
| initializationComplete ():void
이 컴퍼넌트의 초기화를 완료시킵니다.
| UIComponent | |
| initializeAccessibility ():void
이 컴퍼넌트의 accessibility코드를 초기화합니다.
| UIComponent | |
| isOurFocus (target:DisplayObject ):Boolean
통상, UITextField object가 포함되어 있는 컴퍼넌트 가운데, UITextField object가 포커스를 취득한 컴퍼넌트에 의해 재정의(override) 됩니다.
| UIComponent | |
| keyDownHandler (event:KeyboardEvent ):void
keyDown 이벤트에 대해서 불려 가는 event 핸들러입니다. | UIComponent | |
| keyUpHandler (event:KeyboardEvent ):void
keyUp 이벤트에 대해서 불려 간 event 핸들러입니다. | UIComponent | |
| layoutChrome (unscaledWidth:Number , unscaledHeight:Number ):void
크기 변경에 응답해, 이 컨테이너의 경계선의 위치 및 크기를 설정합니다.
| Container | |
| measure ():void
이 TabNavigator 컨테이너의 디폴트 크기, 최소치, 및 최대치를 계산합니다.
| TabNavigator | ||
| scrollChildren ():void
horizontalScrollPosition property와 verticalScrollPosition property의 값에 근거해, 표시 가능 area를 기준으로 하는 컨테이너의 컨텐츠 area의 상대적인 위치를 설정합니다.
| Container | |
| updateDisplayList (unscaledWidth:Number , unscaledHeight:Number ):void
크기 변경에 응답해, 이 컨테이너의 탭 및 아이의 위치와 크기를 설정합니다.
| TabNavigator | ||
| 스타일 | 설명 | 정의 | ||
|---|---|---|---|---|
| backgroundAlpha | 형태: Number CSS 의 Inheritance: nobackgroundColor property로 정의되고 있는 색의 알파 레벨, 또는 backgroundImage 스타일로 정의되고 있는 이미지 또는 SWF 파일의 알파 레벨입니다. | Container | |
| backgroundAttachment | 형태: String CSS 의 Inheritance: no 배경 이미지가 지정되고 있는 경우, 이 스타일에 의해, 이미지가 뷰포트에 대해서 고정 ( "fixed")되고 있는지, 컨텐츠와 함께 스크롤 하는지 ("scroll")를 지정합니다. | Container | |
| backgroundColor | 형태: uint 형식: Color CSS 의 Inheritance: no 컴퍼넌트의 배경색입니다. | Container | |
| backgroundDisabledColor | 형태: uint 형식: Color CSS 의 Inheritance: yes 컴퍼넌트가 무효가 되어 있는 경우의 컴퍼넌트 배경색입니다. | Container | |
| backgroundImage | 형태: Object 형식: File CSS 의 Inheritance: no 컴퍼넌트의 배경 이미지입니다. | Container | |
| backgroundSize | 형태: String CSS 의 Inheritance: nobackgroundImage 로 지정되고 있는 이미지를, 원의 크기와는 다른 크기에 확대 및 축소합니다. | Container | |
| barColor | 형태: uint 형식: Color CSS 의 Inheritance: yes ProgressBar 의 칼라를 특정합니다. | Container | |
| borderColor | 형태: uint 형식: Color CSS 의 Inheritance: no 경계선의 색입니다. | Container | |
| borderSides | 형태: String CSS 의 Inheritance: no 경계 박스의 경계 가운데, 어떤 것이 표시되는지를 나타냅니다. | Container | |
| borderSkin | 형태: Class CSS 의 Inheritance: no 컴퍼넌트의 경계의 스킨입니다. | Container | |
| borderStyle | 형태: String CSS 의 Inheritance: no 경계 박스 보기 스타일입니다. | Container | |
| borderThickness | 형태: Number 형식: Length CSS 의 Inheritance: no 경계 박스의 경계선의 폭입니다. | Container | |
| bottom | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 하단으로부터 부모 컨테이너의 하단까지의 수직 거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
| color | 형태: uint 형식: Color CSS 의 Inheritance: yes 컴퍼넌트의 label를 포함한 컴퍼넌트내의 텍스트의 색입니다. | Container | |
| cornerRadius | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 모퉁이를 뒤따르고 있는 둥그스름의 반경입니다. | Container | |
| disabledColor | 형태: uint 형식: Color CSS 의 Inheritance: yes 컴퍼넌트가 무효인 경우의 텍스트의 색입니다. | Container | |
| disabledOverlayAlpha | 형태: Number CSS 의 Inheritance: no 무효가 된 컨테이너 위에 배치되는 오버레이의 알파치입니다. | Container | |
| dropShadowColor | 형태: uint 형식: Color CSS 의 Inheritance: yes 드롭섀도우의 색입니다. | Container | |
| dropShadowEnabled | 형태: Boolean CSS 의 Inheritance: no 컴퍼넌트의 드롭섀도우 보기 또는 비표시를 지정하는 불형 property입니다. | Container | |
| errorColor | 형태: uint 형식: Color CSS 의 Inheritance: yes 검증이 실패했을 경우의 컴퍼넌트의 하이라이트의 색입니다. | UIComponent | |
|
fillAlphas
| 형태: Array CSS 의 Inheritance: no 컴퍼넌트의 배경의 칠로 사용되는 알파 투명도 값을 지정합니다. 이것은, 2 개 또는 4 개의 수치로부터 완성되는 배열로 설정할 필요가 있습니다. 엘리먼트 0 및 1 은, 아르파그라데이션의 개시치와 종료치를 지정합니다. 엘리먼트 2 및 3 이 존재하는 경우는, 컴퍼넌트가 마우스의 놓여진 상태에 있을 때, 엘리먼트 0 및 1 대신에 사용됩니다. 글로벌 디폴트치는 [ 0.60, 0.40, 0.75, 0.65 ] 입니다. ApplicationControlBar 컨테이너 등, 일부의 컴퍼넌트는 다른 값을 가집니다. ApplicationControlBar 컨테이너의 디폴트치는 [ 0.0, 0.0 ] 입니다.
| TabNavigator | ||
|
fillColors
| 형태: Array 형식: Color CSS 의 Inheritance: no 컴퍼넌트의 배경의 칠의 착색으로 사용하는 칼라를 지정합니다. 이것은, RGB 칼라를 지정하는 2 개 또는 4 개의 uint 값로부터 완성되는 배열로 설정할 필요가 있습니다. 엘리먼트 0 및 1 은, 카라그라데이션의 개시치와 종료치를 지정합니다. 엘리먼트 2 및 3 이 존재하는 경우는, 컴퍼넌트가 마우스의 놓여진 상태에 있을 때, 엘리먼트 0 및 1 대신에 사용됩니다. 균일한 외관의 컨트롤에서는, 엘리먼트 0 으로 1, 및 엘리먼트 2 로 3 으로 같은 칼라를 설정합니다. 디폴트치는 [ 0xFFFFFF, 0xCCCCCC, 0xFFFFFF, 0xEEEEEE ] 입니다.
ApplicationControlBar 컨테이너 등, 일부의 컴퍼넌트는 다른 값을 가집니다. ApplicationControlBar 컨테이너의 디폴트치는 | TabNavigator | ||
|
firstTabStyleName
| 형태: String CSS 의 Inheritance: no 최초의 탭의 스타일을 지정하는 CSS 스타일 선언의 이름입니다. 지정되어 있지 않은 경우는, tabStyleName 스타일 property의 디폴트치가 사용됩니다.
| TabNavigator | ||
|
focusAlpha
| 형태: Number CSS 의 Inheritance: no 포커스 스킨의 알파 투명도 값을 지정합니다. 디폴트치 0.4. | TabNavigator | ||
|
focusRoundedCorners
| 형태: String CSS 의 Inheritance: no 포커스 구형의 어느 모퉁이를 둥글게 하는지를 지정합니다. 값은, 스페이스에서 단락지어진 String 로, "tl","tr","bl", 및 "br" 를 조합한 것입니다. 예를 들어, 오른쪽의 모퉁이를 둥글게 해, 왼쪽의 모퉁이를 직각으로 지정하려면 ,"tr br" 로 합니다. cornerRadius 스타일 property는, 모퉁이의 둥그스름의 반경을 지정합니다. 디폴트치는 컴퍼넌트의 클래스에 응해 다릅니다. 클래스에서 재정의(override) 되지 않는 경우는,"tl tr bl br" 가 됩니다.
| TabNavigator | ||
| fontAntiAliasType | 형태: String CSS 의 Inheritance: yes 내부 TextField 의 antiAliasType property를 설정합니다. | Container | |
| fontFamily | 형태: String CSS 의 Inheritance: yes 사용하는 폰트의 이름입니다. | Container | |
| fontGridFitType | 형태: String CSS 의 Inheritance: yes Flex 컨트롤내의 텍스트를 나타내는 내부 TextField 의 gridFitType property를 설정합니다. | Container | |
| fontSharpness | 형태: Number CSS 의 Inheritance: yes Flex 컨트롤내의 텍스트를 나타내는 내부 TextField 의 sharpness property를 설정합니다. | Container | |
| fontSize | 형태: Number 형식: Length CSS 의 Inheritance: yes 텍스트의 높이 (픽셀 단위)입니다. | Container | |
| fontStyle | 형태: String CSS 의 Inheritance: yes 텍스트를 이탤릭체로 할지 어떨지를 지정합니다. | Container | |
| fontThickness | 형태: Number CSS 의 Inheritance: yes Flex 컨트롤내의 텍스트를 나타내는 내부 TextField 의 thickness property를 설정합니다. | Container | |
| fontWeight | 형태: String CSS 의 Inheritance: yes 텍스트를 볼드체로 할지 어떨지를 지정합니다. | Container | |
|
horizontalAlign
| 형태: String CSS 의 Inheritance: no 이 TabNavigator 컨테이너 상부에 있는 탭의 수평 위치를 나타냅니다. 유효한 값은, "left","center", 및 "right" 입니다. 디폴트치는 "left" 입니다.
값이 정렬 설정에 의한 차이가 표시되려면 , 모든 탭의 폭의 합계가 TabNavigator 컨테이너의 폭보다 작을 필요가 있습니다. | TabNavigator | ||
| horizontalCenter | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 부모 컨테이너 속 진심으로 컴퍼넌트의 중심까지의 수평거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
|
horizontalGap
| 형태: Number 형식: Length CSS 의 Inheritance: no 픽셀 단위로 나타낸 탭간의 간격입니다. 디폴트치는 -1 입니다. 이 경우, 인접하는 탭의 경계선이 겹칩니다. | TabNavigator | ||
|
lastTabStyleName
| 형태: String CSS 의 Inheritance: no 마지막 탭의 스타일을 지정하는 CSS 스타일 선언의 이름입니다. 지정되어 있지 않은 경우는, tabStyleName 스타일 property의 디폴트치가 사용됩니다.
| TabNavigator | ||
| left | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 부모 컨테이너의 좌단으로부터 컴퍼넌트의 좌단까지의 수평거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
| paddingBottom | 형태: Number 형식: Length CSS 의 Inheritance: no 컨테이너의 시모사카이 경계선과 컨텐츠 area와의 사이에 있는 픽셀수입니다. | ViewStack | |
| paddingLeft | 형태: Number 형식: Length CSS 의 Inheritance: no 컨테이너의 왼쪽의 경계와 컨텐츠 area의 좌단과의 사이의 픽셀수입니다. | Container | |
| paddingRight | 형태: Number 형식: Length CSS 의 Inheritance: no 컨테이너의 오른쪽의 경계와 컨텐츠 area의 우단과의 사이의 픽셀수입니다. | Container | |
| paddingTop | 형태: Number 형식: Length CSS 의 Inheritance: no 컨테이너의 카미자카이 경계선과 컨텐츠 area와의 사이에 있는 픽셀수입니다. | ViewStack | |
| right | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 우단으로부터 부모 컨테이너의 우단까지의 수평거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
|
selectedTabTextStyleName
| 형태: String CSS 의 Inheritance: no 선택된 탭의 텍스트의 스타일을 지정하는 CSS 스타일 선언의 이름입니다. | TabNavigator | ||
| shadowDirection | 형태: String CSS 의 Inheritance: no 드롭섀도우의 방향입니다. | Container | |
| shadowDistance | 형태: Number 형식: Length CSS 의 Inheritance: no 드롭섀도우의 폭입니다. | Container | |
|
tabHeight
| 형태: Number 형식: Length CSS 의 Inheritance: no 픽셀 단위로 나타낸 각 탭의 높이입니다. 디폴트치는 undefined 입니다. 이 property가 undefined 의 경우, 각 탭의 높이는, 이 TabNavigator 컨테이너에 적용되는 폰트 스타일에 의해 결정됩니다. 이 property를 설정하면, 이 계산보다 설정치가 우선됩니다.
| TabNavigator | ||
|
tabStyleName
| 형태: String CSS 의 Inheritance: no 탭의 스타일을 지정하는 CSS 스타일 선언의 이름입니다. 디폴트치 undefined. | TabNavigator | ||
|
tabWidth
| 형태: Number 형식: Length CSS 의 Inheritance: no 픽셀 단위로 나타낸 각 탭의 폭입니다. 디폴트치는 undefined 입니다. 이 property가 undefined 의 경우, 각 탭의 폭은, 이 TabNavigator 컨테이너에 적용되는 폰트 스타일을 사용한 label 텍스트의 폭에 의해 결정됩니다. 탭의 폭의 합계가 TabNavigator 컨테이너의 폭보다 넓은 경우, 계산된 탭폭이 축소됩니다 (최소 30 픽셀까지). 이 property를 설정하면, 이 계산보다 설정치가 우선됩니다.
탭의 label 텍스트는, 탭에 들어가지 않는 경우 절약할 수 있습니다. 탭 라벨을 절약할 수 있었을 경우, 유저가 탭 위에 마우스를 이동하면, 툴 힌트에 label 텍스트 전체가 표시됩니다. | TabNavigator | ||
| textAlign | 형태: String CSS 의 Inheritance: yes 컨테이너내의 텍스트의 정렬. | Container | |
| textDecoration | 형태: String CSS 의 Inheritance: no 텍스트에 밑줄을 표시할지 어떨지를 지정합니다. | Container | |
| textIndent | 형태: Number 형식: Length CSS 의 Inheritance: yes 텍스트의 1 행 째의 컨테이너 좌단으로부터의 오프셋(offset) (픽셀 단위)입니다. | Container | |
| themeColor | 형태: uint 형식: Color CSS 의 Inheritance: yes 컴퍼넌트의 테마 칼라입니다. | UIComponent | |
| top | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 부모 컨테이너의 상단으로부터 컴퍼넌트의 상단까지의 수직 거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
| verticalCenter | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 부모 컨테이너 속 진심으로 컴퍼넌트의 중심까지의 수직 거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
| verticalGap | 형태: Number 형식: Length CSS 의 Inheritance: no 아이끼리의 수직 방향의 간격을 나타내는 픽셀수입니다. | ViewStack | |
| tabBar | property |
MXML 문장구조법 보기 protected var tabBar:TabBar 이 TabNavigator 내의 TabBar 에의 참조입니다.
| TabNavigator | () | constructor |
public 함수 TabNavigator()constructor .
| getTabAt | () | Methods |
public function getTabAt(index:int ):Button 지정된 인덱스 위치에 있는, 네비게이터의 TabBar 컨트롤의 탭을 돌려줍니다.
Parametersindex:int — 네비게이터의 TabBar 컨트롤내의 인덱스입니다.
|
Button —
지정된 인덱스 위치에 있는 탭입니다.
|
| measure | () | Methods |
protected override function measure():void
이 TabNavigator 컨테이너의 디폴트 크기, 최소치, 및 최대치를 계산합니다. measure() Methods의 상세한 것에 대하여는,UIComponent.measure() Methods를 참조해 주세요.
TabNavigator 컨테이너는, 다음의 2 개의 점을 제외해,ViewStack 컨테이너와 같은 논리를 사용합니다. 1 번째는, 탭이 들어가도록(듯이) measuredHeight 및 measuredMinHeight property의 값을 증가시키는 점입니다. 2 번째는, 각 탭의 폭이 30 픽셀 이상이 되도록(듯이), 필요에 따라서 measuredWidth property의 값을 증가시키는 점입니다.
See also
| updateDisplayList | () | Methods |
protected override function updateDisplayList(unscaledWidth:Number , unscaledHeight:Number ):void
크기 변경에 응답해, 이 컨테이너의 탭 및 아이의 위치와 크기를 설정합니다. updateDisplayList() Methods의 상세한 것에 대하여는,UIComponent.updateDisplayList() Methods를 참조해 주세요.
TabNavigator 컨테이너의 상부에는, TabBar 컨테이너가 배치되고 있습니다. TabBar 의 폭은 TabNavigator 의 폭으로 설정되어 TabBar 의 높이는 tabHeight property에 근거해 설정됩니다.
TabNavigator 컨테이너는, ViewStack 컨테이너와 같은 논리를 사용해, child containers의 위치와 크기를 TabBar 아래로 설정합니다.
ParametersunscaledWidth:Number — 컴퍼넌트의 scaleX property의 값에 관계없이, 컴퍼넌트의 좌표내에서 픽셀 단위에 의해 컴퍼넌트의 폭을 지정합니다.
|
|
unscaledHeight:Number — 컴퍼넌트의 scaleY property의 값에 관계없이, 컴퍼넌트의 좌표내에서 픽셀 단위로 컴퍼넌트의 높이를 지정합니다.
|
See also
<? xml version="1.0"? >
<! -- Simple example to demonstrate the TabNavigator layout container. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel title="TabNavigator Container Example" height="90%" width="90%"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx: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>
<mx:Label width="100%" color="blue"
text="Programmatically select the panel using a Button control. "/>
<mx:HBox>
<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"/>
</mx:HBox>
</mx:Panel>
</mx:Application>
코멘트가 추가되었을 경우, 메일로 받기. | 코멘트 리포트
현재의 페이지: http://flexdocs.kr/docs/flex2/langref/mx/containers/TabNavigator.html