如何使用Flex ProgressBar

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

    <mx:Script>  
        <![CDATA[  

          private var j:uint=10;  

          // Event handler function to set the value of the   
          // ProgressBar control.  
          private function runit():void  
          {  
              if(j<=100)  
              {  
                 bar.setProgress(j,100);  
                 bar.label= "CurrentProgress" + " " + j + "%";  
                 j+=10;  
              }  
              if(j>100)  
              {  
                 j=0;  
              }  
          }  
        ]]>       
    </mx:Script>  

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

        <mx:Label width="100%" color="blue"  
            text="Click the button to increment the progress bar." />  
        <mx:Button id="Speed" label="Run" click="runit();"/>  

        <mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#F20D7A"  
            minimum="0" visible="true" maximum="100" label="CurrentProgress 0%"    
            direction="right" mode="manual" width="100%"/>  

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

 

 

阅读更多
个人分类: Flex
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭