如何在Flex应用程序中创建行为及动画效果No.4

11）SoundEffect声音效果

SoundEffect效果用来播放MP3音频文件。我们可以通过source属性指定要播放的MP3文件，可以直接设置该文件的URL，或是由Embed关键字嵌入MP3文件的Class对象。

SoundEffect效果的属性包括以下几个。

l         autoLoad 属性用来设置是否自动加载MP3文件，默认值为true。

l         bufferTime 属性用来设置声音对象的缓冲时间。默认值为 1000，单位为毫秒。

l         isLoading如果已加载MP3，则该属性为true。

l         loops 属性用来设置循环次数，默认值为0。

l         panEasingFunction 属性用来设置声音均衡效果的缓动函数。

l         panFrom属性和panTo属性用来设置声音对象的起始和最终平移，取值范围在-1.0～1.0之间，其中-1.0表示仅使用左声道，1.0 表示仅使用右声道，而0.0表示在2个声道间平均地均衡声音。

l         sound 属性表示已加载MP3文件的声音对象。

l         source 属性表示要播放的MP3文件的URL或类。

l         startTime 属性用来设置开始播放时间（以毫秒为单位），默认值为0。

l         useDuration 属性表示是否根据duration属性指定的时间停止播放，如果为false，则会在MP3完成播放或循环后停止效果，默认值为 true。

l         volumeEasingFunction 属性用来设置音量效果的缓动函数。

l         volumeFrom 属性和volumeTo属性用来设置声音对象的初始和最终音量，取值范围在0.0～1.0之间，默认值为1。

在下面的代码所示的例子中，当应用程序创建完成后开始播放声音文件，声音从左声道过渡到右声道。

代码清单 SoundSample.mxml

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

creationCompleteEffect="{mySound}">

<mx:SoundEffect id="mySound"

      duration="10000"

      useDuration="false"

      panFrom="-1" panTo="1"

      source="@Embed(source='assets/bumperc.mp3')"/>

</mx:Application>

12）WipeUp、WipeRight、WipeDown、WipeLeft擦除效果

这些类定义了4个方向的擦除效果，通常与showEffect和hideEffect触发器配合使用，使用起来非常简便，如下面的例子。

代码清单 WipeSample.mxml

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<!--定义擦除效果-->

    <mx:WipeUp id="wipeUpOut" duration="1000"/>

    <mx:WipeUp id="wipeUpIn" duration="1000"/>

    <mx:WipeLeft id="wipeLeftOut" duration="1000"/>

    <mx:WipeLeft id="wipeLeftIn" duration="1000"/>

    <mx:WipeDown id="wipeDownOut" duration="1000"/>

    <mx:WipeDown id="wipeDownIn" duration="1000"/>

    <mx:WipeRight id="wipeRightOut" duration="1000"/>

    <mx:WipeRight id="wipeRightIn" duration="1000"/>

<mx:Panel title="Wipe Effects">     

      <mx:HBox width="100%">    

          <!--向上擦除-->

<mx:Imagesource="@Embed(source='assets/icon1.png')"visible="{cbx.se

 lected}"

            hideEffect="{wipeUpOut}" showEffect="{wipeUpIn}"/>

<!--向左擦除-->

<mx:Imagesource="@Embed(source='assets/icon2.png')"visible="{cbx.se

 lected}"

            hideEffect="{wipeLeftOut}" showEffect="{wipeLeftIn}"/>

          <!--向下擦除-->

<mx:Imagesource="@Embed(source='assets/icon3.png')"visible="{cbx.se

 lected}"

            hideEffect="{wipeDownOut}" showEffect="{wipeDownIn}"/>

          <!--向右擦除-->

<mx:Imagesource="@Embed(source='assets/icon4.png')"visible="{cbx.se

 lected}"

            hideEffect="{wipeRightOut}" showEffect="{wipeRightIn}"/>

      </mx:HBox>

      <mx:ControlBar>

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

      </mx:ControlBar>

</mx:Panel>

</mx:Application>

运行该程序，效果如图9-2所示。

图9-2  擦除效果