스크롤 포지션팁 넣는방법

Flex 스크롤 포지션팁 넣는 방법

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.events.DropdownEvent;   //콤보박스 드롭다운이벤트를 위해 임포트

            private function comboBox_open(evt:DropdownEvent):void {
                comboBox.dropdown.showScrollTips = true;       // 스크롤팁 보여주겠어요, 트루
                comboBox.dropdown.scrollTipFunction = comboBox_dropdown_scrollTipFunc;    //스크롤팁 펑션은 리턴값
            }          

            private function comboBox_dropdown_scrollTipFunc(dir:String, pos:uint):String {   //밑 동일
                return pos + " of " + comboBox.dropdown.maxVerticalScrollPosition;     // 콤보박스 리턴값
            }
            
            private function listBox_open():void{    // 리스트박스는 월래 드롭이벤트 같은게 없으니 선언 X
                listBox.showScrollTips = true;   // 리스트박스 스크롤팁 보여주겠어요, 트루
                listBox.scrollTipFunction = listBox_scrollTipFunc;    // 스크롤팁 펑션
            }
            
            private function listBox_scrollTipFunc(dir:String, pos:uint):String{// dir은 전체스크롤 포지션값, pos는 아이템값
                return pos + " of " + listBox.maxVerticalScrollPosition;      // 리스트박스 리턴값
            }
        ]]>
    </mx:Script>

    <mx:Array id="arr">
        <mx:Object label="One" />
        <mx:Object label="Two" />
        <mx:Object label="Three" />
        <mx:Object label="Four" />
        <mx:Object label="Five" />
        <mx:Object label="Six" />
        <mx:Object label="Seven" />
        <mx:Object label="Eight" />
        <mx:Object label="Nine" />
        <mx:Object label="Ten" />
        <mx:Object label="One" />
        <mx:Object label="Two" />
        <mx:Object label="Three" />
        <mx:Object label="Four" />
        <mx:Object label="Five" />
        <mx:Object label="Six" />
        <mx:Object label="Seven" /> 
        <mx:Object label="Eight" />
        <mx:Object label="Nine" />
        <mx:Object label="Ten" />
        <mx:Object label="One" />
        <mx:Object label="Two" />
        <mx:Object label="Three" />
        <mx:Object label="Four" />
        <mx:Object label="Five" />
        <mx:Object label="Six" />
        <mx:Object label="Seven" />
        <mx:Object label="Eight" />
        <mx:Object label="Nine" />
        <mx:Object label="Ten" />
        <mx:Object label="One" />
        <mx:Object label="Two" />
        <mx:Object label="Three" />
        <mx:Object label="Four" />
        <mx:Object label="Five" />
        <mx:Object label="Six" />
        <mx:Object label="Seven" />
        <mx:Object label="Eight" />
        <mx:Object label="Nine" />
        <mx:Object label="Ten" />
    </mx:Array>            // 아이템 넣어!
    
    <mx:List id="listBox" width="98" height="138"
     dataProvider="{arr}" added="listBox_open()" />     // 위에 정의한 값 첨시작할때 실행하기

    <mx:ComboBox id="comboBox"
            dataProvider="{arr}" open="comboBox_open(event);" />     // 위에 정의한 값 오픈이벤트때 실행하기

</mx:Application>

--- 결과물