如何使用Flex Resize Effect

最新推荐文章于 2020-12-15 23:53:55 发布

最新推荐文章于 2020-12-15 23:53:55 发布 · 131 阅读

文章标签：

#Flex #XML

Flex Effects 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用 Flex 的 ResizeEffect 缩放图片的示例。通过两个按钮控制图片的放大与缩小，展示了如何设置图片的宽度和高度变化效果。

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

    <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200"/>
    <mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60"/>

    <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Text width="100%" color="blue" 
            text="Use the Button controls to resize the image."/>

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

        <mx:ControlBar>
            <mx:Button label="Expand" click="expand.end(); expand.play();"/>
            <mx:Button label="Contract" click="contract.end(); contract.play();"/>
        </mx:ControlBar>

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