| Package | mx.containers |
| Class | public class Grid |
| Inheritance | Grid  Box Container UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
<mx:Grid> 태그는, Grid 컨테이너를 정의합니다. <mx:GridRow> 태그는, 격자행을 정의합니다. 이 격자행에는 셀이 포함됩니다. 격자행은,<Grid> 태그의 아이일 필요가 있습니다. <mx:GridItem> 태그는, grid 셀을 정의합니다. 이 태그는 <GridRow> 태그의 아이일 필요가 있습니다. <mx:GridItem> 태그에는, 임의의 말린 청어알을 포함할 수가 있습니다. 어느 1 행에 포함되는 셀의 높이는 모두 같습니다만, 행 마다 높이를 바꿀 수 있습니다. 1 개의 열에 포함되는 셀의 폭은 모두 같습니다만, 열 마다 폭을 바꿀 수가 있습니다. Grid 컨테이너의 각 행 또는 각 열에는, 다양한 수의 셀을 정의할 수 있습니다. 또, 1 개의 셀이 컨테이너의 복수의 열 또는 행에 걸칠 수도 있습니다.
MXML 문장구조법
MXML 문장구조법의 비표시
<mx:Grid>태그는,Box.direction property를 제외한, Super 클래스의 모든 태그 속성을 Inheritance해, 다음의 태그 속성을 추가합니다.
<mx:Grid 스타일 horizontalGap="8" verticalGap="6" > ...
이러한 child 태그는 예입니다: <mx:GridRow id="row1"> <mx:GridItem rowSpan="1" colSpan="1"> <mx:Button label="Button 1"/> </mx:GridItem> ... </mx:GridRow> ... </mx:Grid>
See also
| Methods | 정의 | ||
|---|---|---|---|
| Grid ()
constructor .
| Grid | ||
 | 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 | |
| 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 | |
| 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 | |
| pixelsToPercent (pxl:Number ):Number
픽셀수를, 이 컨테이너의 컨텐츠에 대한 퍼센트치로 변환하기 위해서(때문에) 사용하는 Methods입니다.
| Box | |
| 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 | |
| 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
Grid 의 추천, 최소, 및 최대 크기를 계산합니다.
| Grid | ||
| scrollChildren ():void
horizontalScrollPosition property와 verticalScrollPosition property의 값에 근거해, 표시 가능 area를 기준으로 하는 컨테이너의 컨텐츠 area의 상대적인 위치를 설정합니다.
| Container | |
| updateDisplayList (unscaledWidth:Number , unscaledHeight:Number ):void
Grid 의 각각의 아이의 크기와 위치를 설정합니다.
| Grid | ||
| 스타일 | 설명 | 정의 | ||
|---|---|---|---|---|
| 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 | |
| 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 이 컨테이너에 포함되는 아이의 수평 방향의 배치입니다. | Box | |
| horizontalCenter | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 부모 컨테이너 속 진심으로 컴퍼넌트의 중심까지의 수평거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
|
horizontalGap
| 형태: Number 형식: Length CSS 의 Inheritance: no 아이끼리의 수평 방향의 간격을 나타내는 픽셀수입니다. 디폴트치는 8 입니다. | Grid | ||
| horizontalScrollBarStyleName | 형태: String CSS 의 Inheritance: no 수평 스크롤 바의 스타일의 이름입니다. | Container | |
| left | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 부모 컨테이너의 좌단으로부터 컴퍼넌트의 좌단까지의 수평거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
| paddingBottom | 형태: Number 형식: Length CSS 의 Inheritance: no 컨테이너아래의 경계와 컨텐츠 area의 하부와의 사이의 픽셀수입니다. | Box | |
| paddingLeft | 형태: Number 형식: Length CSS 의 Inheritance: no 컨테이너의 왼쪽의 경계와 컨텐츠 area의 좌단과의 사이의 픽셀수입니다. | Container | |
| paddingRight | 형태: Number 형식: Length CSS 의 Inheritance: no 컨테이너의 오른쪽의 경계와 컨텐츠 area의 우단과의 사이의 픽셀수입니다. | Container | |
| paddingTop | 형태: Number 형식: Length CSS 의 Inheritance: no 컨테이너 위의 경계와 컨텐츠 area의 상부와의 사이의 픽셀수입니다. | Box | |
| right | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 우단으로부터 부모 컨테이너의 우단까지의 수평거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
| shadowDirection | 형태: String CSS 의 Inheritance: no 드롭섀도우의 방향입니다. | Container | |
| shadowDistance | 형태: Number 형식: Length CSS 의 Inheritance: no 드롭섀도우의 폭입니다. | Container | |
| 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 | |
| verticalAlign | 형태: String CSS 의 Inheritance: no 이 컨테이너에 포함되는 아이의 수직 방향의 배치입니다. | Box | |
| verticalCenter | 형태: Number 형식: Length CSS 의 Inheritance: no 컴퍼넌트의 부모 컨테이너 속 진심으로 컴퍼넌트의 중심까지의 수직 거리 (픽셀 단위)를 나타냅니다. | UIComponent | |
|
verticalGap
| 형태: Number 형식: Length CSS 의 Inheritance: no 아이끼리의 수직 방향의 간격을 나타내는 픽셀수입니다. 디폴트치는 6 입니다. | Grid | ||
| verticalScrollBarStyleName | 형태: String CSS 의 Inheritance: no 수직 스크롤 바의 스타일의 이름입니다. | Container | |
| Grid | () | constructor |
MXML 문장구조법 보기 public 함수 Grid()constructor .
| measure | () | Methods |
protected override function measure():void Grid 의 추천, 최소, 및 최대 크기를 계산합니다.
이 Methods는, 서브 클래스의 처리로 사용하는 확장된 Methods입니다. 직접 호출하는 것은 피해 주세요. measure() Methods는, Flex LayoutManger 에 의해 적절한 타이밍에 불려 갑니다. Flex LayoutManager 는, 어플리케이션의 기동시에, 아이로부터 부모에 이르는 모든 컴퍼넌트를 측정하고 나서, 각각 최종적인 크기를 설정하려고 합니다.
Grid 컨테이너가 그 값수를 계산하는 방법에 대해 이해하기 위해(때문에), 모든 GridItem 컨테이너의 rowSpan property 및 colSpan property가 1 으로 설정되어 있으면 가정합니다. Grid 컨테이너의 최초의 열의 측정폭은, 최초의 열에 있는 모든 GridItem 컨테이너의 측정폭 중(안)에서 최대의 값에 동일해집니다. 같이 2 번째의 열의 측정폭은, 2 번째의 열에 있는 모든 GridItem 컨테이너의 측정폭 중(안)에서 최대의 값이 되어, 이후도 이와 같이 계속됩니다. Grid 컨테이너 전체의 measuredWidth 는, 모든 열의 측정폭의 합계에, 경계선의 폭, 좌우의 패딩, 및 인접 grid 셀간의 수평 방향의 간격을 더한 값이 됩니다.
measuredHeight,minWidth,minHeight,maxWidth, 및 maxHeight property의 값은, 예를 들어 GridItem 컨테이너의 measuredHeight property나 minWidth property등의 값을 가산한다고 하는 것처럼, 모두 같은 방법으로 계산됩니다.
GridItem 컨테이너의 colSpan property가 3 의 경우, 이 GridItem 컨테이너의 measuredWidth 는 3 열로 나누어집니다. measuredWidth 가 등분 되면, 3 개의 열의 각각이 측정폭을 계산합니다. 이 때, GridItem 컨테이너가 그 열에만 존재해, GridItem 컨테이너의 measuredWidth 가 실제의 값의 것 1/3 인것 같이 가정해 계산합니다.
다만, GridItem 컨테이너의 measuredWidth property는, 이 컨테이너가 걸치는 모든 열의 사이에 등분 된다고는 할 수 없습니다. 열의 일부의 property가 width 의 퍼센트치인 경우, GridItem 컨테이너의 measuredWidth property가 나누어져 Grid 컨테이너의 필요한 비율을 각 열에 배분하려고 합니다.
전술의 값은 모두, Grid 의계산된폭과 높이입니다. 이하의 property의 값을 명시적으로 지정하는 것으로, 측정치를 재정의(override) 할 수 있습니다.
minHeightminWidthmaxHeightmaxWidthheightwidth이 Methods를 재정의(override) 하는 경우는, 실행(완성)으로 super.measure() Methods를 호출하는지, 또는 measuredHeight 및 measuredWidth property를 설정할 필요가 있습니다. 또, 옵션으로 다음의 property도 설정할 수 있습니다.
measuredMinWidthmeasuredMinHeight어느 쪽의 property도 전술의 레이아웃 property에 대응하고 있기 (위해)때문에, 더 이상 채택하지 않습니다.
| updateDisplayList | () | Methods |
protected override function updateDisplayList(unscaledWidth:Number , unscaledHeight:Number ):void Grid 의 각각의 아이의 크기와 위치를 설정합니다.
이 Methods는, 서브 클래스의 처리로 사용하는 확장된 Methods입니다. 직접 호출하는 것은 피해 주세요. updateDisplayList Methods는, Flex LayoutManager 에 의해 적절한 타이밍에 불려 갑니다. Flex LayoutManager 는, 어플리케이션의 기동시에, 루트로부터 시작되어 아래방향에 있는 전컴퍼넌트에 대해서 updateDisplayList() Methods를 호출합니다.
Grid 컨테이너는, VBox 컨테이너와 같은 레이아웃 규칙에 따릅니다. GridRow 컨테이너의 위치와 크기의 계산방법은, VBox 컨테이너가 아이의 위치와 크기를 결정하는 경우와 동일합니다. 같이 GridRow 컨테이너가 GridItem 컨테이너의 위치를 결정할 때 사용하는 레이아웃 알고리즘은, HBox 컨테이너가 사용하는 알고리즘과 닮아 있습니다.
유일한 차이는, GridRow 컨테이너의 경우, 아이의 위치와 크기가 모두 동일하게 설정되도록(듯이) (Grid 컨테이너의 열이 일렬에 줄서도록(듯이)), 모든 컨테이너끼리가 협조하는 것입니다.
이 Methods를 재정의(override) 하는 경우는, 실행(완성)으로 super.updateDisplayList() Methods를 호출해, 각각의 아이로 move() 및 setActualSize() Methods를 호출할 필요가 있습니다. 레이아웃을 실행하기 위해서, 이 컨테이너의 크기는 width 및 height property는 아니고,unscaledWidth 및 unscaledHeight 의 각 property로부터 취득해 주세요. width 및 height property는, 이 컨테이너의 scaleX 및 scaleY property의 값을 고려하지 않습니다.
unscaledWidth:Number — 컴퍼넌트의 scaleX property의 값에 관계없이, 컴퍼넌트의 좌표내에서 픽셀 단위에 의해 컴퍼넌트의 폭을 지정합니다.
|
|
unscaledHeight:Number — 컴퍼넌트의 scaleY property의 값에 관계없이, 컴퍼넌트의 좌표내에서 픽셀 단위로 컴퍼넌트의 높이를 지정합니다.
|
<? xml version="1.0"? >
<! -- Simple example to demonstrate the Grid layout container. -->
<mx:Application borderStyle="none" xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel title="Grid Container Example" height="75%" width="75%"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:Label width="100%" color="blue"
text="A 3 by 3 Grid container of Button controls. "/>
<mx:Grid>
<mx:GridRow>
<mx:GridItem>
<mx:Button label="Row 1 Col 1" width="100"/>
</mx:GridItem>
<mx:GridItem>
<mx:Button label="Row 1 Col 2" width="100"/>
</mx:GridItem>
<mx:GridItem>
<mx:Button label="Row 1 Col 3" width="100"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow>
<mx:GridItem>
<mx:Button label="Row 2 Col 1" width="100"/>
</mx:GridItem>
<mx:GridItem>
<mx:Button label="Row 2 Col 2" width="100"/>
</mx:GridItem>
<mx:GridItem>
<mx:Button label="Row 2 Col 3" width="100"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow>
<mx:GridItem>
<mx:Button label="Row 3 Col 1" width="100"/>
</mx:GridItem>
<mx:GridItem>
<mx:Button label="Row 3 Col 2" width="100"/>
</mx:GridItem>
<mx:GridItem>
<mx:Button label="Row 3 Col 3" width="100"/>
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
</mx:Panel>
</mx:Application>
코멘트가 추가되었을 경우, 메일로 받기. | 코멘트 리포트
현재의 페이지: http://flexdocs.kr/docs/flex2/langref/mx/containers/Grid.html