`
miss4813
  • 浏览: 104953 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex中调用嵌入声音效果的三种方法的例子

阅读更多

在Flex中如何利用mx.effects SoundEffect类和ProgressBar类的completeEffect样式在进度条(ProgressBar)最后完成时播放一个声音效果的例子中我们了解了如何使用mx.effects SoundEffect类来调用声音效果。接下来的例子演示了Flex中实现调用嵌入声音效果的三种方法。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):




下面是完整代码(或点击这里察看):

①、使用<mx:SoundEffect />标签, @Embed, mouseDownEffect

Download: main.mxml
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Alert; 
  
            private var alert:Alert; 
  
            private function showAlert():void { 
                alert = Alert.show("Are you sure you want to delete the internet?", "Confirm delete...", Alert.YES | Alert.NO); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:SoundEffect id="soundEffect" source="@Embed(source='assets/ding.mp3')" /> 
  
    <mx:Button label="Delete Internet?" click="showAlert();" mouseDownEffect="{soundEffect}" /> 
  
</mx:Application>


②、使用 [Embed], <mx:SoundEffect /> ,mouseDownEffect

Download: main.mxml
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Alert; 
  
            [Bindable] 
            [Embed('assets/ding.mp3')] 
            private var ding_mp3:Class; 
  
            private var alert:Alert; 
  
            private function showAlert():void { 
                alert = Alert.show("Are you sure you want to delete the internet?", "Confirm delete...", Alert.YES | Alert.NO); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:SoundEffect id="soundEffect" source="{ding_mp3}" /> 
  
    <mx:Button label="Delete Internet?" click="showAlert(); " mouseDownEffect="{soundEffect}" /> 
  
</mx:Application>


③、使用[Embed], SoundAsset类, SoundAsset.play()事件

Download: main.mxml
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Alert; 
            import mx.core.SoundAsset; 
  
            [Embed('assets/ding.mp3')] 
            private var ding_mp3:Class; 
  
            private var ding:SoundAsset = new ding_mp3() as SoundAsset; 
  
            private var alert:Alert; 
  
            private function showAlert():void { 
                alert = Alert.show("Are you sure you want to delete the internet?", "Confirm delete...", Alert.YES | Alert.NO); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:Button label="Delete Internet?" click="showAlert(); ding.play()" /> 
  
</mx:Application>



官方链接:
http://help.adobe.com/zh_CN/AS3LCR/Flex_4.0/mx/effects/SoundEffect.html
http://www.airia.cn/actionscript3api/livedocs/mx/effects/SoundEffect.html
分享到:
评论

相关推荐

    Flex应用程序中嵌入各种类型的资源方法 源码

    在Flex应用程序开发中,资源管理是一项关键任务,它涉及到如何有效地加载、管理和使用应用程序所需的文本、图像、声音、视频等多种类型的数据。本资料主要聚焦于在Flex中如何嵌入和管理这些资源,以提高应用程序的...

    flex嵌入html的容器

    在IFrameDemo的例子中,我们可能还会用到`&lt;iframe&gt;`标签,它允许我们在一个HTML页面内嵌入另一个页面,这样可以将Flex应用作为一个独立的组件来使用。 1. 使用`&lt;object&gt;`标签嵌入Flex 在HTML文件中,我们可以创建...

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。而IFrame(Inline Frame)是HTML的一个元素,允许在页面内嵌入另一个完整的网页。在Flex中使用IFrame,可以将HTML内容与Flex组件...

    flex嵌入jsp所需的完整包4个

    Flex是Adobe公司开发的一种富互联网应用程序(Rich Internet Application,RIA)框架,主要用于构建具有动态图形、交互性丰富的Web应用。而JSP(JavaServer Pages)是Java平台上的动态网页技术,用于开发服务器端的...

    flex 嵌入完美Iframe

    在Flex中嵌入Iframe是为了能够展示HTML内容,这可能是为了利用现有的网页服务、集成第三方Web应用或者引入动态内容。由于Flex和HTML是两种不同的技术栈,它们之间的整合需要一些技巧和策略。 首先,我们需要了解...

    Flex连接数据库三种方法

    Flex 连接数据库的方法主要涉及三种技术:HttpService、WebService 和 RemoteObject。这些技术都是 Flex 与后端服务器交互的手段,因为Flex本身并不具备直接访问数据库的能力,必须通过服务端代理来实现。 1. **...

    flex/bison c++的例子

    flex bison使用c++方式实现的例子 flex bison使用c++方式实现的例子

    一个Flex例子自动补全

    Flex例子Flex例子Flex例子Flex例子Flex例子Flex例子

    flex连接数据库的三种方法

    根据给定的文件信息,以下是关于“Flex连接数据库的三种方法”的详细知识点: ### Flex连接数据库的方法概述 Flex是Adobe公司推出的一种用于构建高性能、高交互性的RIA(Rich Internet Applications)的应用程序...

    flex鱼眼显示图片的例子

    这个"flex鱼眼显示图片的例子"是一个Flex项目,它展示了如何使用Flex技术实现一个鱼眼效果的图片显示功能。鱼眼效果通常指的是将图像扭曲成类似鱼眼镜头所拍摄的弧形视野,这种效果在视觉上往往能带来独特的体验。 ...

    flex 嵌入文字样式

    标题“flex 嵌入文字样式”和描述“flex 嵌入外部文字样式,弥补flex内部字体不足的缺憾”提示我们关注如何在Flex容器中使用自定义或外部字体来增强文本表现力。 首先,让我们了解Flex布局的基本概念。Flex布局允许...

    flex中嵌入html

    在Flex应用中嵌入HTML是一种常见的需求,这可以让我们在富客户端环境中利用HTML的灵活性和丰富性。Flex是由Adobe开发的一种开源框架,主要用于构建RIA(Rich Internet Applications)即富因特网应用程序。它允许...

    flex翻书效果 flex翻书效果

    Flex翻书效果是一种在网页或应用中实现模拟真实书籍翻页动画的技术,它利用了CSS3中的Flexbox布局模型和一些动态效果来创造出逼真的翻页体验。在现代Web开发中,这种效果常用于电子书、杂志或者产品展示等场景,以...

    FLASH-FLEX3.0开发教程中文版(例子源码)

    在实际的学习过程中,通过分析和运行这些例子,你可以快速掌握Flex的基本语法、组件使用、数据通信以及动画效果的实现。 首先,Flex 3.0的核心是MXML和ActionScript 3.0。MXML是一种声明式语言,用于构建用户界面,...

    FLEX嵌入HTML(精简版)

    在IT行业中,FLEX(Adobe Flex)是一种用于构建富互联网应用程序(RIA)的开源框架,它基于ActionScript和Flash技术,能够创建具有丰富交互性的Web应用。本文将深入探讨如何将HTML内容嵌入到FLEX应用程序中,以实现...

    flex播放wav的声音

    标题“flex播放wav的声音”指的是在Flex环境中播放WAV音频文件的技术。Flex是一个开源的、基于ActionScript的框架,主要用于创建富互联网应用程序(RIA)。它允许开发者构建交互式的、动态的用户界面,其中就包括对...

    Jsp嵌入Flex 、Jsp Flash报表实现源码

    本资源“Jsp嵌入Flex 、Jsp Flash报表实现源码”提供了一种将Flex的图形化展示能力和JSP的数据处理能力结合起来,以创建具有丰富视觉效果和交互性的报表应用的方法。 首先,让我们深入理解JSP和Flex各自的特性: 1...

    Flex 两个小例子 Flex两个小例子

    通过分析这两个例子,我们可以学习到如何在Flex中创建和管理项目结构,理解MXML和ActionScript的交互,以及如何使用或集成第三方库。此外,还可能涉及到数据绑定、事件处理、动画效果、状态管理等Flex开发中的重要...

    flex嵌入jsp心得

    标题与描述概述的知识点是关于如何将Flex框架嵌入到JSP页面中,以实现更丰富的数据可视化功能,特别是图表的展示。以下是基于标题、描述、标签以及部分内容的详细解析和扩展。 ### Flex嵌入JSP开发心得 #### 1. ...

    Flex连接数据库三种方法.doc

    Flex提供了三种方式来实现这一目标:HttpService、WebService和RemoteObject。本教程将重点介绍使用RemoteObject连接数据库的方法,以Flex + JAVA + SQLServer获取数据库公告信息为例。 1. **HttpService**: ...

Global site tag (gtag.js) - Google Analytics