如何使用Flex VScrollBar

最新推荐文章于 2019-03-15 18:55:32 发布

iteye_19580

最新推荐文章于 2019-03-15 18:55:32 发布

阅读量103

点赞数

分类专栏： General Controls -- Visual Components -- Flex 文章标签： Flex XML

General Controls -- Visual Components -- Flex 专栏收录该内容

11 篇文章 0 订阅

订阅专栏


<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the VScrollBar control. -->
<!--
	如何使用Flex VScrollBar
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

     <mx:Script>
        <![CDATA[

            import mx.events.ScrollEvent;

            // Event handler function to display the scroll location
            // as you move the scroll thumb.
            private function myScroll(event:ScrollEvent):void
            {
                showPosition.text = "VScrollBar properties summary:" + '\n' +
                    "------------------------------------" + '\n' +
                    "Current scroll position: " + event.currentTarget.scrollPosition  + '\n' +
                    "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
                    "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
            }
        ]]>
    </mx:Script> 

    <mx:Panel id="panel" title="VScrollBar Control Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Label width="100%" color="blue" 
            text="Click on the scroll bar to view its properties."/>

        <mx:VScrollBar id="bar" height="100%" 
            minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
            lineScrollSize="50" pageScrollSize="100"  
            repeatDelay="1000" repeatInterval="500" 
            scroll="myScroll(event);"/>

        <mx:TextArea height="100%" width="100%" id="showPosition" color="blue"/>

    </mx:Panel>  
</mx:Application>