如何使用Flex WipeDown Effect

Flex擦除下滑效果示例

最新推荐文章于 2013-11-01 23:09:13 发布

最新推荐文章于 2013-11-01 23:09:13 发布 · 157 阅读

文章标签：

#Flex #XML

Flex Effects 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个简单的Flex应用示例，展示了如何使用WipeDownEffect实现元素的显示和隐藏动画效果。通过两个WipeDown组件分别控制元素的显示与隐藏过程，使文本和图片能在界面上平滑过渡。

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

    <mx:WipeDown id="wipeOut" duration="1000"/>
    <mx:WipeDown id="wipeIn" duration="1000"/>

    <mx:Panel title="WipeDown Effect Example" width="95%" height="95%" 
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">

        <mx:Text width="100%" color="blue" 
            text="Use the WipeDown effect to show or hide the text and image."/>

        <mx:Label text="Nokia 9930"  
            fontSize="14"
            visible="{cb1.selected}"
            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>

        <mx:Image source="@Embed(source='assets/Nokia_6630.png')" 
            visible="{cb1.selected}"
            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>

        <mx:CheckBox id="cb1" label="visible" selected="true"/>

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