[Flex] Control mxml

<mx:Button

    id=""                           // 식별자

    label=""                        // 버튼명

    icon=""                         // 아이콘 파일명

    color=""                        // 폰트 색상

    textAlign="center|left|right"   // 텍스트 위치

    toolTip=""                      // 툴팁

    useHandCursor="true|false"      // 손모양 커서

    toggle="true|false"             // 버튼 토글 상태

    click=""                        // 버튼 눌렀다가 놓았을 때 이벤트헨들러

    buttonDown=""                   // 버튼 눌렀을 때 이벤트헨들러

/>

 

 

 

<mx:LinkButton

    id=""                           // 식별자

    label=""                        // 버튼명

    icon=""                         // 아이콘 파일명

    color=""                        // 폰트 색상

    textAlign="center|left|right"   // 텍스트 위치

    toolTip=""                      // 툴팁

    useHandCursor="true|false"      // 손모양 커서

    toggle="true|false"             // 버튼 토글 상태

    click="navigateToURL(new URLRequest('http://blog.naver.com/din102'))"   

                                    // 버튼 눌렀다가 놓았을 때 이벤트헨들러

    buttonDown=""                   // 버튼 눌렀을 때 이벤트헨들러

/>

 

 

 

<mx:CheckBox

    id=""                                   // 식별자

    label=""                                // 버튼명

    labelPlacement="left|right|top|bottom"  // label 위치

    selected="true|false"                   // 선택 여부

    color=""                                // 글자색

    click=""                                // 클릭시 이벤트헨들러

/>

 

 

 

<mx:CheckBox

    id=""                                   // 식별자

    label=""                                // 버튼명

    labelPlacement="left|right|top|bottom"  // label 위치

    selected="true|false"                   // 선택 여부

    color=""                                // 글자색

    click=""                                // 클릭시 이벤트헨들러

    groupName=""                            // 라디오버튼 그룹명

/>

 

 

 

<mx:DateChooser

    id=""

    allowMultipleSelection="true|false"     // 다중 선택 여부

    // 이웃해있지 않는 날짜를 선택할 수 있는 옵션, 다중선택이 되어 있어야함

    allowDisjoinSelection="true|false"       

    dayNames=""                             // 요일 이름 배열

    disabledDays=""                         // 비활성화 일자들

    disabledRanges=""                       // 비활성화 날짜 영역

    displayedMonth=""                       // 현재 월

    displayedYear=""                        // 현재연도

    firstDayOfweek=""                       // 0 일 경우 일요일부터 시작

    maxYear=""                              // 선택 최대연도

    minYear=""                              // 선택 최소연도

    monthNames=""                           // 월이름 배열

    monthSymbol=""                          // 월 다음에 표시되는 이름

    selectableRange=""                      // 선택 가능한 날짜 영역

    selectedDate=""                         // 선택한 날짜

    selectedRanged=""                       // 선택된 날짜 영역

    showToday="true|false"                  // 오늘 날짜 표시 여부

    yearNavigationEnabled="true|false"      // 연도 이동 컨트롤 표시 여부

    yearSymbol=""                           // 연도 이동 컨트롤 표시 여부

    change=""                               // 날짜 선택시 이벤트

/>

 

<mx:DateField

    id=""

    dayNames=""                             // 요일 이름 배열

    disabledDays=""                         // 비활성화 일자들          

    disabledRanges=""                       // 비활성화 날짜 영역       

    displayedMonth=""                       // 현재 월                  

    displayedYear=""                        // 현재연도                 

    firstDayOfweek=""                       // 0 일 경우 일요일부터 시작

    formatString=""                         // 날짜표시 형식

    labelFunction=""                        // 텍스트 필드에 표시될 내용에 사용할 함수명

    maxYear=""                              // 선택 최대연도

    minYear=""                              // 선택 최소연도

    monthNames=""                           // 월의 이름 배열

    monthSymbol=""                          // 월 다음에 표시되는 이름

    parseFunction=""                        // 텍스트필드에 들어오는 입력 값을 처리해주는 함수명

    selectableRange=""                      // 선택 가능한 날짜영역

    selectedDate=""                         // 선택한 날짜

    showToday="true|false"                  // 오늘 날짜 표시 옵션

    yearnavigationEnabled="true|false"      // 연도 이동 컨트롤 표시 여부

    yearSymbol=""                           // 년 다음에 표시되는 이름

    change=""                               // 날짜를 선택했을 때 이벤트

    close=""                                // 달력을 닫을 때

    open=""                                 // 달력을 열 때

/>   

 

 

 

<mx:VSlider / HSlider

    id=""

    thumbCount=""                           // 슬라이더 썸의 수로서 여러 개 지정이 가능

    minimum=""                              // 슬라이더의 최소값

    maximum=""                              // 슬라이더의 최대값

    lables=""                               // 슬라이더에 나타날 라벨 값

    values=""                               // 초기화될 선택된 값

    tickInterval=""                         // 눈금자 간격

    snapInterval=""                         // 눈금 이동 간격

    liveDraggin="true|false"                // 마우스로 슬라이더썸을 드래그하는 동안의 값도 처리할 것인지 여부

    dataTipPlacement="left|right|top|bottom"// 슬라이더를 움직일때 보이는 데이터 팁의 위치

    change=""                               // 값이 변할때 발생하는 이벤트

/>

 

 

 

<mx:NumericStepper

    id=""

    imeMode=""   

    maxChars=""   

    maximum=""    // 표현 최대값

    minimum=""    // 표현 최소값

    stepSize=""   // 컨트롤을 눌를때 마다 바뀌는 값의 크기

    value=""      // 기본 선택 값

    change=""     // 값이 변경 되었을 때 발생하는 이벤트

/>

 

 

 

<mx:Label

    text=""

    selectable="true|false"    // 마우스 선택후 복사 가능 여부

/>

 

 

 

<mx:Text

    text="">

    <mx:htmlText>

        <![CDATA[

            <font color="#FF0000"></font>

        ]]>

    </mx:htmlText>

</mx:Text>

 

 

 

 

<mx:TextArea

    condenseWhite="true|false"                // true로 되어 있으면 htmlText에 들어있는 모든 줄바꿈 공백을 무시한다.

    displayAsPassword="true|false"            // true로 되어 있으면 * 형식으로 글자를 표시한다.

    editable="true|false"                     // 에디팅 가능 여부

    horizontalScrollPolicy="auto|on|off"      // 수평 스크롤바 표시 여부

    htmlText="null"                           // html 태그를 사용한 텍스트 내용

    imeMode="KOREAN"                          // KOREAN 이라 설정하면 바로 한글 입력 모드로 설정된다.

    length=""                                 // 화면에 표시될 글자수

    maxChars=""                               // 최대 수용 글자수

    restrict=""                               // 입력제한 정규식

    styleSheet=""                             // text 영역에 적용할 스타일 시트

    text=""                                   // 표시할 내용

    textHeight=""                             // text의 높이

    textWidth=""                              // text의 넓이

    verticalScrollPolicy=""                   // 수직 스크롤바 표시여부

    wordWrap="true|false"                     // 자동 줄바꿈 기능 사용여부

    change=""                                 // 텍스트 내용이 바뀌었을 때 발생하는 이벤트

/>

 

 

 

<mx:TextInput

    condenseWhite="true|false"

    displayAsPassword="true|false"            // true로 되어 있으면 * 형식으로 글자를 표시한다.

    editable="true|false"                     // 에디팅 가능 여부

    horizontalScrollPolicy="auto|on|off"      // 수평 스크롤바 표시 여부

    htmlText="null"                           // html 태그를 사용한 텍스트 내용

    imeMode="KOREAN"                          // KOREAN 이라 설정하면 바로 한글 입력 모드로 설정된다.

    length=""                                 // 화면에 표시될 글자수

    maxChars=""                               // 최대 수용 글자수

    restrict=""                               // 입력제한

    text=""                                   // 표시할 내용

    textField=""                           

    textHeight=""

    textWidth=""

    change=""                                // 내용이 변경될때 이벤트

    enter=""                                 // 엔터이벤트

    textInput=""                             // 텍스트 내용을 입력했을 때

/>

※ restrict="[A-z]" : 영어만 입력

restrict="[0-9]" : 숫자만 입력

restrict="[A-z0-9.@\.]" : 이메일 입력

restrict="[0-9\-]" : 숫자와 -

 

 

 

<RichTestEditoer

    defaultLinkProtocol="http://"            // 화면에 표시되는 링크 방식

    html=""                                  // htmlText 내용

    showControlBar="true|false"              // RichTextEidtor의 하단 버튼이 들어있는 ControlBar 의 표시 여부

    showToolTips="true|false"                // 풍선도움말(툴팁) 표시 여부

    text=""                                  // 일반 텍스트 내용

    change=""                                // 내용 변경때 발생하는 에벤트

/>

 

 

 

<mx:SWFLoader

    autoLoad=""                             // 컨텐츠 자동 로딩 여부

    maintainAspectRatio="true|false"        // 원본이미지의 width, height의 비율을 유지할 것인지 조절 여부

    scaleContent="true|false"               // 이미지의 스케일 조절 여부

    showBusyCursor="true|false"             // 컨텐츠를 로드할 때 작동중 커서를 보여줄 것인지의 여부

    source=""                               // 컨텐츠 경로

    complete=""                             // 로딩 완료시 발생 이벤트

    progress=""                             // 로딩중 이벤트

    unload=""                               // 로딩한 객체를 언로드할 때 발생하는 이벤트

/>

 

 

 

<mx:ProgressBar

    conversion=""                        // 로드한 바이트수 / 전체바이트수를 나누는 값으로 1이 기본 값임

    direction="right|left"               // ProgressBar 의 진행방향

    indeterminate="true|false"           // indeterminate 방식여부

    label=""                             // Progressbar 의 라벨

    labelPlacement="bottom|top|left|right|center"    // 라벨 위치

    maximum=""                            // 최대 표시값

    minimum=""                            // 최소 표시값

    mode="event|polled|manual"            // bar를 업데이트하는 방식

    source=""                             // 작업 완료

    complete=""                           // 작업완료

    progress=""                           // 작업 진행중

/>

 

 

 

<mx:VideoDisplay

    autoBandWidthDetection="true|false"    // 밴드 대역폭의 자동 여부

    autoPlay="true|false"                  // 자동 실행 여부

    autoRewind="true|false"                // 플레이어가 끝났을 때 맨 앞으로 자동 되감기 여부

    bufferTime="0.1"                    // 비디오 버퍼의 넣을 시간

    cuePoints=""                        // 미디어 내에 들어있는 특정 지점으로 큐포인트로 바로 이동할 수 있다.

    idleTimeout="30000"                 // 아무것도 안하고 있을 동안 얼마나 커넥션을 유지할 것인지

    live="true|false"                   // 라이브 스트리밍 실행여부

    maintainAspectRatio="true|false"    // 원본 비디오의 width, height 의 비율을 유지할 것인지 여부

    source=""                           // 미디어 파일 경로

    totalTime=""                        // 미디어의 총길이(초)

    volume=""                           // 볼륨크기(0~1)

/>

 

 

 

<mx:ComboBox

    id=""

    dataProvider=""         // 데이터 속성

    dropdownWidth=""        // ComboBox 폭

    labelField="label"      // combobox의 이름으로 나타날 필드명

    prompt=""               // 처음 ComboBox의 위에 표시할 값

    rowCount=""             // 리스트에 표시할 아이템 최대 갯수

    seelctedIndex="-1"      // 선택한 아이템의 인덱스

    selectedItem="null"     // 선택한 아이템

    change=""               // 선택 변경시 이벤트

    open=""                 // 리스트를 오픈시 이벤트

/>

 

 

 

<mx:Tree

    dataProvider=""                 // 트리가 사용할 XML 데이터 정의

    dragMoveEnabled="true|false"    // 트리의 아이템을 드래그로 이동하게 하는 설정

    firstVisibleItem=""             // 트리의 제일 위에 보여줄 엘리먼트에 대한 설정

    hasRoot="true|false"            // 핸재 노드가 최상위 노드인지를 판단

    itemIcons=""                    // 트리의 아이콘 설정

    openItems=""                    // 트리를 보여줄 때 모든 노드를 펼칠지의 여부

    showRoot="true|false"           // 트리의 루트 엘리먼트를 보이게 하는 설정

    change=""                       // 노드를 클릭했을 때 이벤트

    itemClose=""                    // 노드를 열었을때

    itemOpen=""                     // 노드를 닫았을 때

/>

 

 

 

<mx:List

    editable="true|false"           // 에디팅 가능여부

    imeMode=""                      // IME 설정

    itemEditor="TextInput"          // TextInput 의 형태로 편집

    rendererIsEditor="true|false"   // 아이템 에디터를 화면에 그대로 표현할지를 결정

    itemEditBegin=""                // 아이템이 편집될때

    itemEditEnd=""                  // 아이템 편집이 끝났을 때

/>

 

 

 

<mx:TileList

    allowDragSelection="true|false"    // 드래그해서 아이템을 선택하도록 하는 옵션

    allowMultipleSelection="true|false"// 여러개의 아이템을 선택하도록 하는 옵션

    columnCount="4"                    // 화면에 보여줄 열 개수

    columnWidth="NaN"                  // 열의 폭

    dataProvider=""                    // 사용할 데이터 객체

    data="Object"                      // itemRenderer를 사용할 때 참조하는 객체 속성

    iconField=""                       // 아이콘으로 보여줄 필드 속성

    itemRenderer="null"                // itemRenderer이름

    labelField="label"                 // 데이터에서 label로 보여줄 필드명

    rowCount=""                        // 화면에 보여줄 행의 갯수

    rowHeight="NaN"                    // 화면에 보여줄 행의 높이

    selectable="true|false"            // 리스트에 보여주는 아이템을 선택 가능하도록 하는 옵션

    selectIndex="-1"                   // 리스트에 선택된 아이템 배열의 인덱스

    selectedIndices="null"             // 리스트에 여러개로 선택된 아이템 배열의 인덱스

    selectedItem="null"                // 선택된 아이템 객체

    selectedItems="null"               // 선택된 아이템 객체들

    showDataTips="true|false"          // dataTip을 보여주는 옵션

    wordWrap="true|false"              // 아이템에서 줄 바꿈을 하는 옵션

    change=""                          // 다른 아이템을 선택했을 때

    itemClick=""                       // 아이템을 클릭했을 때

/>

 

 

 

<mx:HorizontalList

    allowDragSelection="true|false"    // 드래그해서 아이템을 선택하도록 하는 옵션

    allowMultipleSelection="true|false"// 여러개의 아이템을 선택하도록 하는 옵션

    columnCount="4"                    // 화면에 보여줄 열 개수

    columnWidth="NaN"                  // 열의 폭

    dataProvider=""                    // 사용할 데이터 객체

    data="Object"                      // itemRenderer를 사용할 때 참조하는 객체 속성

    iconField=""                       // 아이콘으로 보여줄 필드 속성

    itemRenderer="null"                // itemRenderer이름

    labelField="label"                 // 데이터에서 label로 보여줄 필드명

    rowCount=""                        // 화면에 보여줄 행의 갯수

    rowHeight="NaN"                    // 화면에 보여줄 행의 높이

    selectable="true|false"            // 리스트에 보여주는 아이템을 선택 가능하도록 하는 옵션

    selectIndex="-1"                   // 리스트에 선택된 아이템 배열의 인덱스

    selectedIndices="null"             // 리스트에 여러개로 선택된 아이템 배열의 인덱스

    selectedItem="null"                // 선택된 아이템 객체

    selectedItems="null"               // 선택된 아이템 객체들

    showDataTips="true|false"          // dataTip을 보여주는 옵션

    wordWrap="true|false"              // 아이템에서 줄 바꿈을 하는 옵션

    change=""                          // 다른 아이템을 선택했을 때

    itemClick=""                       // 아이템을 클릭했을 때

/>

 

 

 

<mx:DataGrid

    colums=""                          // 데이터그리드의 열 지정

    draggablecolumns="true|false"      // 열을 드래그앤드랍으로 이동할 수 있게 하는 속성

    editable="true|false"              // 데이터그리드의 각 셀의 값을 편집할 수 있게하는 속성

    horizontalScrollPosition="null"    //

    imeMode=""                         //

    minColumnWidth="NaN"               // 열의 최소 폭

    resizableColumns="true|false"      // 열의 크기를 바꿀 수 있게 할지 설정

    sortableColumns="true|false"       // 열을 정렬할 수 있게 할지 설정

    change=""                          // 데이터가 바뀌었을 때 발생하는 이벤트

    itemClick=""                       // 데이터그리드 아이템을 클릭했을 때 발생

/>