joel's FLEX blog » 例子 http://blog.desizen.com FLEX,网络安全,Linux Fri, 13 May 2011 02:18:31 +0000 en hourly 1 http://wordpress.org/?v=3.3 FLEX例子 – DividedBox(分割盒子) http://blog.desizen.com/4lone/644.html http://blog.desizen.com/4lone/644.html#comments Thu, 02 Apr 2009 03:27:32 +0000 joel http://www.joelove.cn/?p=644 这个例子进行的是:Containers:
简介:
此文包括了两个部分:HDividedBox和VDividedBox.一个是横向,一个是纵向.

A container measures and lays out its children horizontally or vertically in exactly the same way as a container, but it inserts draggable dividers in the gaps between the children. Users can drag any divider to resize the children on each side.

HDividedBox:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="HDividedBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" height="240"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Text width="100%" color="0x323232" textAlign="center"
            text="Drag the divider side to side to resize the children."/>
 
        <mx:HDividedBox width="100%" height="100%">
 
            <mx:Canvas label="Canvas 1" width="100%" height="100%" color="0x323232" backgroundColor="#ACACAC">
                <mx:Label text="Add components here" fontWeight="bold" textAlign="center" width="100%"/>
            </mx:Canvas>
 
            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#323232" >
                <mx:Label text="Add components here" fontWeight="bold" textAlign="center" width="100%"/>
            </mx:Canvas>
 
        </mx:HDividedBox>
 
    </mx:Panel>
</mx:Application>

VDividedBox:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="VDividedBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" height="240"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Text width="100%" color="0x323232" textAlign="center"
            text="Drag the divider up and down to resize the children."/>
 
        <mx:VDividedBox width="100%" height="100%">
 
            <mx:Canvas label="Canvas 1" width="100%" height="100%" color="0x323232" backgroundColor="#ACACAC">
                <mx:Label text="Add components here" fontWeight="bold" textAlign="center" width="100%"/>
            </mx:Canvas>
 
            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#323232" >
                <mx:Label text="Add components here" fontWeight="bold" textAlign="center" width="100%"/>
            </mx:Canvas>
 
        </mx:VDividedBox>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/644.html/feed 0 FLEX例子 – Canvas(画布) http://blog.desizen.com/4lone/628.html http://blog.desizen.com/4lone/628.html#comments Tue, 31 Mar 2009 01:28:52 +0000 joel http://www.joelove.cn/?p=628 这个例子进行的是:Containers:
简介:

简单的介绍了使用容器后,里面的类似Panel,button等内容如何与之定位的方法.
A layout container defines a rectangular region in which you place child containers and controls. It is the only container that lets you explicitly specify the location of its children within the container by using the x and y properties of each child.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="middle"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" viewSourceURL="srcview/index.html">
    <!--今天打开tourdeflex,发现又更新了,看了作者很重视哦-->
    <mx:Canvas backgroundColor="0xffffff" width="580" height="180" backgroundAlpha="1"
        borderThickness="6" borderColor="0x545454" cornerRadius="4" borderStyle="solid" >
 
        <mx:Label x="10" text="The Canvas container lets you place components on top of each other."/>
 
        <mx:Panel title="Panel 1" color="0xffffff" x="10" y="20"  width="240" height="100"
            borderColor="0xEE1122" borderAlpha="0.75"></mx:Panel><!--这个例子里面就这个borderAlpha属性最重要,因为是用来设置容器的不透明度用的-->
 
        <mx:Panel title="Panel 2" color="0xffffff" x="50" y="40"  width="240" height="100"
            borderColor="0x22A050" borderAlpha="0.75"></mx:Panel><!--使用绝对定位的方法去显示panel的位置,相对于canvas的定位-->
 
        <mx:Panel title="Panel 3" color="0xffffff" x="100" y="60"  width="240" height="100"
            borderColor="0x3380DD" borderAlpha="0.75"></mx:Panel>
 
        <mx:Text x="360" y="40" width="200" fontWeight="bold" color="0x0050AA" textAlign="center"
            text="Use absolute positioning to place the children of a Canvas container." />
 
        <mx:Button x="416" y="86" label="Absolutly!" />
 
    </mx:Canvas>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/628.html/feed 1 FLEX例子之box(定位盒子) http://blog.desizen.com/4lone/621.html http://blog.desizen.com/4lone/621.html#comments Tue, 24 Mar 2009 01:00:01 +0000 joel http://www.joelove.cn/?p=621 这个例子进行的是:Containers:
这个例子是用来展示定位用的hbox,vbox的例子,大家可以看看,比较简单.
简介:A container lays out its children in a single vertical column or a single horizontal row.
hbox:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="HBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
           <mx:Label width="100%" color="0x323232" textAlign="center"
           text="An HBox container with horizontally aligned children."/>
 
         <mx:HBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
               paddingLeft="10" paddingRight="10" color="0x707070">
 
            <mx:Button label="Button 1"/>
            <mx:Button label="Button 2"/>
            <mx:Button label="Button 3"/>
            <mx:ComboBox />
 
        </mx:HBox>
 
    </mx:Panel>
</mx:Application>

vbox:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="VBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Label width="100%" color="0x323232" textAlign="center"
           text="An VBox container with vertically aligned children."/>
 
         <mx:VBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
               paddingLeft="10" paddingRight="10" color="0x707070">
 
            <mx:Button label="Button 1"/>
            <mx:Button label="Button 2"/>
            <mx:Button label="Button 3"/>
            <mx:ComboBox />
 
        </mx:VBox>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/621.html/feed 2 FLEX例子之应用程序控制条(ApplicationControlBar) http://blog.desizen.com/4lone/605.html http://blog.desizen.com/4lone/605.html#comments Sat, 14 Mar 2009 05:17:10 +0000 joel http://www.joelove.cn/?p=605 这个例子进行的是:Containers:
简介:
The container holds components that provide global navigation and application commands.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="10" height="246" verticalScrollPolicy="off" viewSourceURL="srcview/index.html">
 
    <mx:Style>
        ApplicationControlBar{
            backgroundColor:#ACACAC;
            color: #323232;
        }
    </mx:Style>
    <mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0"  >
        <mx:Label text="Docked" fontWeight="bold" color="0x000000"/>
 
        <mx:MenuBar id="myMenuBar" labelField="@label">
            <mx:XMLList>
                <menuitem label="MenuItem A" >
                    <menuitem label="SubMenuItem A-1" type="check"/>
                    <menuitem label="SubMenuItem A-2" type="check"/>
                </menuitem>
                <menuitem label="MenuItem B"/>
                <menuitem label="MenuItem C"/>
                <menuitem label="MenuItem D" >
                    <menuitem label="SubMenuItem D-1" type="radio" groupName="one"/>
                    <menuitem label="SubMenuItem D-2" type="radio" groupName="one"/>
                    <menuitem label="SubMenuItem D-3" type="radio" groupName="one"/>
                </menuitem>
            </mx:XMLList>
        </mx:MenuBar>
    </mx:ApplicationControlBar>
 
    <mx:Label color="0xACACAC" text="A docked ApplicationControlBar appears at the top of the application window."/>
    <mx:Spacer height="100%" />
 
    <mx:ApplicationControlBar width="80%">
        <mx:Label text="Normal" fontWeight="bold" color="0x000000"/>
        <mx:Label text="Search:" color="0x323232" />
        <mx:TextInput width="100%" maxWidth="200" />
        <mx:Spacer width="100%" />
        <mx:Button label="Go adobe.com" color="0x000000" />
    </mx:ApplicationControlBar>
 
    <mx:Label color="0xACACAC" text="A normal ApplicationControlBar can appear anywhere in the application."/>
 
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/605.html/feed 1 FLEX例子之Accordion(折叠式面板) http://blog.desizen.com/4lone/593.html http://blog.desizen.com/4lone/593.html#comments Tue, 10 Mar 2009 05:55:03 +0000 joel http://www.joelove.cn/?p=593 这个例子进行的是:Containers:
简介:
An navigator container has a collection of child containers, but only one of them at a time is visible.
到这篇日志为止,ui controls的常用组件基本都了解了个大概了,以后就进行其他的.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="Accordion Container" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" height="246"
         paddingTop="2" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Label width="100%" color="0x323232"
            text="Select an Accordion navigator button to change the panel."/>
 
        <mx:Accordion id="accorion" color="0x323232" width="100%" height="100%">
            <!-- Define each panel using a VBox container. -->
            <mx:VBox label="Accordion Button for Panel 1">
                <mx:Label text="Accordion container panel 1"/>
            </mx:VBox>
 
            <mx:VBox label="Accordion Button for Panel 2">
                <mx:Label text="Accordion container panel 2"/>
            </mx:VBox>
 
            <mx:VBox label="Accordion Button for Panel 3">
                <mx:Label text="Accordion container panel 3"/>
            </mx:VBox>
        </mx:Accordion>
 
        <mx:Label width="100%" color="0x323232"
            text="Programmatically select the panel using a Button control."/>
 
        <mx:HBox color="0x323232">
            <mx:Button label="Select Panel 1" click="accorion.selectedIndex=0;"/>
            <mx:Button label="Select Panel 2" click="accorion.selectedIndex=1;"/>
            <mx:Button label="Select Panel 3" click="accorion.selectedIndex=2;"/>
        </mx:HBox>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/593.html/feed 0 FLEX例子之VideoDisplay(FLV视频播放器) http://blog.desizen.com/4lone/589.html http://blog.desizen.com/4lone/589.html#comments Tue, 10 Mar 2009 05:40:48 +0000 joel http://www.joelove.cn/?p=589 这个例子进行的是:UI Controls:Other Controls:
本例子用到了一个flv文件,点此下载.下载后解压放入src文件夹内.
简介:
The control lets you play an FLV file in a application. It supports progressive download over HTTP, streaming from the Flash Media Server, and streaming from a Camera object.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Script>
        <![CDATA[
            [Bindable]
            private var TitleText:String = "<b>VideoDisplay Control:</b>" + "\n"  + "Use the buttons to control the video.";
        ]]>
    </mx:Script>
    <mx:VBox backgroundColor="0x323232" width="400" height="240" backgroundAlpha="1" horizontalAlign="center"
        borderThickness="4" borderColor="0x545454" cornerRadius="4" borderStyle="solid" paddingTop="5" >
 
        <mx:Text width="75%" color="0xffffff" textAlign="center"
           htmlText="{TitleText}"/><!--使用html方式显示标题-->
 
        <mx:VideoDisplay id="myVid" height="146" width="220" source="assets/sample_vid.flv" autoPlay="false"/>
 
        <mx:HBox>
            <mx:Button label="Play" color="0x00000" click="myVid.play();"/><!--控制按钮-->
            <mx:Button label="Pause" color="0x00000" click="myVid.pause();"/>
            <mx:Button label="Stop" color="0x00000" click="myVid.stop();"/>
        </mx:HBox>
 
    </mx:VBox>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/589.html/feed 1 FLEX例子 – SWFloader(SWF加载器) http://blog.desizen.com/4lone/586.html http://blog.desizen.com/4lone/586.html#comments Tue, 10 Mar 2009 05:00:23 +0000 joel http://www.joelove.cn/?p=586 这个例子进行的是:UI Controls:Other Controls:
本例子用到了一个swf文件,swfloader.下载后解压放入src文件夹内.
简介:
The control loads and displays a specified SWF file. You typically use
for loading one application into a host application.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" 
 
verticalAlign="top" paddingTop="0"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" 
 
creationComplete="init()" viewSourceURL="srcview/index.html">
    <!--这个例子有点意思了,它实现了flex载入外部swf动画,具体的是不是和被载入的swf进行了通信,大
 
家可以自己看下-->
    <mx:Script>
        <![CDATA[
            private function init():void{
                swfObj.content.addEventListener("SWF_EVENT",ballHandler);
            }
            private function ballHandler(ev:Event):void{
                txt.text = "Flash content embedded at compile time | " + ev.target.ballCnt + 
 
" gumballs left";
            }
        ]]>
    </mx:Script>
 
    <mx:Panel title="SWFLoader Control" layout="vertical" width="80%" height="240" 
 
color="0xffffff" borderAlpha="0.15"
         paddingTop="5" paddingRight="10" paddingLeft="10" horizontalAlign="center" 
 
verticalScrollPolicy="off">
 
        <mx:Text id="txt" color="0x323232" fontWeight="bold" text="Flash content embedded at 
 
compile time | 10 gumballs left" />
 
        <mx:SWFLoader id="swfObj" source="@Embed('assets/swf_sample.swf')"  />
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/586.html/feed 0 FLEX例子之进程条(ProgressBar) http://blog.desizen.com/4lone/568.html http://blog.desizen.com/4lone/568.html#comments Fri, 06 Mar 2009 15:25:08 +0000 joel http://www.joelove.cn/?p=568 这个例子进行的是:UI Controls:Other Controls:
简介:
The control provides a visual representation of the progress of a task over time.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <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" layout="vertical" color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Label width="100%" color="0x323232"
            text="Click the button to increment the progress bar." />
        <mx:Button id="Speed" label="Run" click="runit();" color="0x323232"/>
 
        <mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#EE1122" minimum="0" visible="true" maximum="100"
             color="0x323232"    label="CurrentProgress 0%" direction="right" mode="manual" width="100%"/>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/568.html/feed 0 FLEX例子之图片控件(Image) http://blog.desizen.com/4lone/564.html http://blog.desizen.com/4lone/564.html#comments Fri, 06 Mar 2009 13:19:07 +0000 joel http://www.joelove.cn/?p=564 这个例子进行的是:UI Controls:Other Controls:
文中用到的图片下载地址:点此下载,下载后整个images文件夹放到src目录即可.其实只是用到了二张图片.
简介:
The Alert control is a pop-up dialog that can contain a message, a title, buttons (any combination of OK, Cancel, Yes, and No) and an icon. The Alert control is modal, which means it will retain focus until the user closes it.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="5" viewSourceURL="srcview/index.html">
 
    <mx:Script>
        <![CDATA[
            private function smoothImage(ev:Event):void{
                //set image smoothing so image looks better when transformed.
                var bmp:Bitmap = ev.target.content as Bitmap;
                bmp.smoothing = true;
            }
        ]]>
    </mx:Script>
    <mx:Panel title="Image Samples" layout="horizontal" color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
        <mx:VBox width="100%" borderColor="0xACACAC" borderThickness="1" borderStyle="solid" horizontalAlign="center"
             paddingTop="5" paddingRight="5" paddingBottom="5" paddingLeft="5" >
            <mx:Text color="0x323232" text="Sample of image embeded at compile time." />
            <mx:Image id="embededImage" source="@Embed('images/compass.jpg')" creationComplete="smoothImage(event);"/><!--原来使用@是在编译的时候就嵌入的-->
        </mx:VBox>
 
        <mx:VBox width="100%" borderColor="0xACACAC" borderThickness="1" borderStyle="solid" horizontalAlign="center"
             paddingTop="5" paddingRight="5" paddingBottom="5" paddingLeft="5">
            <mx:Text color="0x323232" text="Sample of image loaded at run-time." />
            <mx:Image id="loadedImage" source="images/backpack.jpg" creationComplete="smoothImage(event);"/><!--而这个不加@是在运行时才载入-->
        </mx:VBox>
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/564.html/feed 0 FLEX例子之滑动块(Slider) http://blog.desizen.com/4lone/553.html http://blog.desizen.com/4lone/553.html#comments Thu, 05 Mar 2009 08:58:46 +0000 joel http://www.joelove.cn/?p=553 这个例子进行的是:UI Controls:Other Controls:HSlider and VSlider
文中用到的图片下载地址:点此下载,下载后整个images文件夹放到src目录即可.其实只是用到了几个图片.
简介:
The class is the base class for the controls. The controls let users select a value by moving a thumb between the end points of the track. The current value of the is determined by the relative location of the thumb between the end points of the , corresponding to the ’s minimum and maximum values. The class is subclassed by HSlider and VSlider.
例子:
HSlider:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Script >
        <![CDATA[
            private var imageWidth:Number = 0;
            private var imageHeight:Number = 0;
            private function changeSize():void
            {
                boxImage.width = (imageWidth*hSlider.value)/100;
                boxImage.height = (imageHeight*hSlider.value)/100;
            }
            private function smoothImage(ev:Event):void{
                //set image smoothing so image looks better when transformed.
                var bmp:Bitmap = ev.target.content as Bitmap;
                bmp.smoothing = true;
 
                imageWidth=boxImage.width;
                imageHeight=boxImage.height;
            }
        ]]>
    </mx:Script>
    <mx:Style>
        HSlider{
            color:#323232;
        }
    </mx:Style>
 
    <mx:Panel title="HSlider Control" layout="vertical" height="240" color="0xffffff" borderAlpha="0.15" horizontalScrollPolicy="off"
         verticalScrollPolicy="off" paddingTop="2" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" verticalAlign="bottom">
 
         <mx:Image id="boxImage" source="@Embed('images/backpack.jpg')" creationComplete="smoothImage(event);" />
 
         <mx:Label width="100%" color="0x323232"
           text="Drag the slider to resize the image."/>
 
        <mx:HSlider id="hSlider" minimum="10" maximum="100" value="100" dataTipPlacement="top" tickColor="0x323232"
            snapInterval="1" tickInterval="10" labels="['10%','100%']" allowTrackClick="true" 
            liveDragging="true" change="changeSize()" />
 
    </mx:Panel>
</mx:Application>

VSlider:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0">
 
    <mx:Script >
        <![CDATA[
            private var imageWidth:Number = 0;
            private var imageHeight:Number = 0;
            private function changeSize():void
            {
                boxImage.width = (imageWidth*hSlider.value)/100;
                boxImage.height = (imageHeight*hSlider.value)/100;
            }
            private function smoothImage(ev:Event):void{
                //set image smoothing so image looks better when transformed.
                var bmp:Bitmap = ev.target.content as Bitmap;
                bmp.smoothing = true;
 
                imageWidth=boxImage.width
                imageHeight=boxImage.height;
            }
        ]]>
    </mx:Script>
    <mx:Style>
        VSlider{
            color:#323232;
        }
    </mx:Style>
 
    <mx:Panel title="VSlider Control" layout="horizontal" width="400" color="0xffffff" borderAlpha="0.15"
         paddingTop="5" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" verticalAlign="bottom">
 
        <mx:VSlider id="hSlider" minimum="10" maximum="100" value="100" dataTipPlacement="top" tickColor="0x323232"
            snapInterval="1" tickInterval="10" labels="['10%','100%']" allowTrackClick="true" 
            liveDragging="true" change="changeSize()" />
 
        <mx:VBox width="100%" height="160" borderColor="0xACACAC" borderThickness="1" borderStyle="solid" horizontalAlign="center"
              verticalAlign="middle" paddingTop="5" paddingRight="5" paddingBottom="5" paddingLeft="5" horizontalGap="50" >
 
            <mx:Label width="100%" color="0x323232" textAlign="center"
           text="Drag the slider to resize the image."/>
 
 
             <mx:Image id="boxImage" source="@Embed('images/boots.jpg')" creationComplete="smoothImage(event);" />
        </mx:VBox>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/553.html/feed 0