如何使用Flex AnimateProperty effect

最新推荐文章于 2016-05-05 11:28:00 发布

iteye_19580

最新推荐文章于 2016-05-05 11:28:00 发布

阅读量102

点赞数

分类专栏： Flex Effects 文章标签： Flex XML

Flex Effects 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

本文介绍了一个简单的Flex应用实例，展示了如何通过AnimateProperty效果实现图片的缩放动画。利用Sequence组件定义了两个AnimateProperty动画，分别控制图片从原始大小放大到1.5倍再还原的过程。

摘要由CSDN通过智能技术生成

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

    <mx:Sequence id="animateScaleXUpDown" >
        <mx:AnimateProperty property="scaleX" fromValue="1" toValue="1.5" duration="1000" />
        <mx:AnimateProperty property="scaleX" fromValue="1.5" toValue="1" duration="1000" />	
    </mx:Sequence>

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

        <mx:Text width="100%" color="blue" 
            text="Click on the image to use the AnimateProperty effect with the scaleX property."/>

        <mx:Image id="flex" source="@Embed(source='assets/Nokia_6630.png')"
            mouseDownEffect="{animateScaleXUpDown}"/>

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