[ Flex ][ Source ] Control mxml

참조 : http://blog.naver.com/din102?Redirect=Log&logNo=20050225029 

 

< 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://minineko.blog.me`))" // 버튼 눌렀다가 놓았을 때 이벤트헨들러 

    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 = "" // 요일 이름 배열 

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

    disableRanges = "" // 비활성 날자 영역 

    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 = "" // 월 다음에 표시되는 이름 

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

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

    selectedDate = "" // 선택한 날자 

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

    yearnavigationEnaled = "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 = "" // html Text 내용 

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

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

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

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

/> 

 

< mx:SWFLoader 

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

    maintainAspectRatio = "true | false" // 원본 이미지의 widht, 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 = "" // 리스트에 표시할 아이템 최대 갯수 

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

    selectedItem = "null" // 선택 변경시 이벤트 

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

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

/> 

 

< mx:Tree 

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

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

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

    fasRoot = "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:TitleList 

    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" // 선택된 아이템 객체 

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

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

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

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

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

/> 

 

< mx:DataGrid 

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

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

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

    horizontalScrollPosition = "null" 

    imeMode = "" 

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

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

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

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

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

/>