Flex 学习之路之六用户接口user interface 应用效果effect

computerclass

于 2017-10-10 11:01:40 发布

阅读量247

点赞数

CC 4.0 BY-SA版权

分类专栏： flex

本文链接：https://blog.youkuaiyun.com/computerclass/article/details/78190343

flex 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种使用Flex框架实现的图片动态缩放效果。通过定义两种不同的Resize动画效果，分别实现了图片的放大和缩小功能，并利用按钮触发这两种效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0"?>
<!-- components\CompIntroBehaviors.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Declarations>
<s:Resize id="myResizeEffectUp"
target="{myImage}"
widthBy="10" heightBy="10"/>
<s:Resize id="myResizeEffectDown"
target="{myImage}"
widthBy="-10" heightBy="-10"/>
</fx:Declarations>
<mx:Image id="myImage" source="@Embed(source='assets/flexlogo.jpg')"/>
<s:Button label="Resize Me Up" click="myResizeEffectUp.end();myResizeEffectUp.play();"/>
<s:Button label="Resize Me Down" click="myResizeEffectDown.end();myResizeEffectDown.play();"/>
</s:Application>

以上的实现效果是宽度、高度的变化。实际上就是图片的变大和变小