如何使用Flex Rotate Effect

Flex旋转效果示例

最新推荐文章于 2019-06-13 18:56:00 发布

最新推荐文章于 2019-06-13 18:56:00 发布 · 172 阅读

文章标签：

#Flex #Flash #XML

Flex Effects 专栏收录该内容

21 篇文章

订阅专栏

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Rotate effect. -->
<!--
	如何使用Flex Rotate Effect
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    initialize="Font.registerFont(myriad_font);">

    <mx:Script>
        <![CDATA[

            import flash.text.Font;

            [Embed("assets/MyriadWebPro.ttf", fontName="MyMyriad")]
            public var myriad_font:Class;

            [Bindable]
            public var angle:int=0;

            private function rotateImage():void {
                rotate.end();
                angle += 45;
                rotate.play();
            }
      ]]>
    </mx:Script>

    <mx:Rotate id="rotate" angleFrom="{angle-45}" angleTo="{angle}" target="{myVB}"/>

    <mx:Panel title="Rotate Effect Example" horizontalAlign="center" 
        width="75%" height="75%" layout="horizontal"
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">

        <mx:VBox id="myVB" width="50%" horizontalAlign="center">
            <mx:Label text="Nokia 9930"  
                fontFamily="MyMyriad" fontSize="14"/>

            <mx:Image id="img" 
                source="@Embed(source='assets/Nokia_6630.png')"/>
        </mx:VBox>

        <mx:Text width="50%" color="blue" 
            text="Click the button to rotate the image 45 degrees. Use an embedded font when applying the Rotate effect to text."/>

        <mx:ControlBar>
            <mx:Button label="Rotate 45 Degrees" click="rotateImage();"/>
        </mx:ControlBar>
    </mx:Panel>
</mx:Application>