移动应用软件开发（基于iOS平台）-2017 实例：声音的播放-林中鸟鸣 51实例：声音的播放-林中鸟鸣 文档.docx

实例声音的播放 1 实例声音的播放 2 声音的播放-林中鸟鸣 本次课程介绍了声音的播放方法。 一、项目实现方法 1. 项目界面规划 根据林中鸟鸣项目的实际运行情况，界面设计如图3-5所示。 图3-5 林中小鸟的鸣叫界面 通过分析可以看到，界面上的各个元素可以分解为二大类：UIButton和UIImageView，其中背景为一个UIImageView，小鸟为一个UIButton（注意标题为bird），具体如图3-6所示。 图3-6 界面元素分解 2. 新建工程ForestAnimal，保存到桌面 新建一个Xcode工程，名称为ForestAnimal，保存到桌面（Desktop）上，和其他iOS程序的步骤一致。 3. 打开Main.storyboard，找到View Controller 打开Main.storyboard，选择View Controller，点击文件查看器（File Inspector），找到两个选项：Use Auto Layout和Use Trait Variations。 4. 取消User Auto Layout和Use Trait Variations功能 在取消这两个功能的时候，会出现一个提示，选择同意即可。 5. 把准备好的资源文件夹拖放到工程中 在把资源文件家拖放时候，会出现一个提示，如图3-7所示选择即可。注意，千万不要选择Create folder references这个选项。 图3-7 资源文件夹拖放进工程的选项设置 6. 拖放UIImageView到界面中，设置大小、图片和Autoresizing 用户在对象库（Object Library）中找到UIImageView，将其拖放到界面的合适位置，进入尺寸查看器（Size Inspector），调整UIImageView的大小（width和height），占满整个屏幕，将image设置为background.png文件，即背景，最后设置Autoresizing功能，如图3-7所示。 图3-7 设置UIImageView的大小和Autoresizing功能 7. 运行查看一下进展 在工具栏上选择运行按钮，并将模拟器进行向左旋转（菜单Hardware-Rotate Left），将会出现如图3-8所示效果。 图 3-8 模拟器旋转后的效果 8. 拖放一个UIButton，选择图片，设置标题和Autoresizing 用户拖放一个UIButton到界面的合适位置，如图3-9所示。 在右侧找到Image，可以直接在里面设置按钮的图片，现在选择小鸟图片bird，同时修改其Title为bird，最后不要忘记设置Autoresizing。 图3-9 拖放UIButton到界面中 9. 建立UIButton的Action，输入相关代码 选择按钮，然后按住Ctrl不放，拖放到代码空白处，在弹出的对话框中，选择Action，输入名称onClicked，选择UIButton，确定后生成对应的函数，如图3-10所示。 图3-10 小鸟按钮与声音播放代码 UIButton的Action中就是播放声音的代码，如下。 //音乐文件播放 import UIKit //1.导入声音支持库 import AVFoundation //添加到self.view上才会显示出来 class ViewController: UIViewController { //2.variable 建立一个类的成员变量，保存声音播放器变量 var soundPlayer : AVAudioPlayer! //action 响应按钮事件 @IBAction func onClicked(_ sender: UIButton) { //获得当前按钮的title，赋值给常量file let file = sender.currentTitle! //将声音文件转化为Bundle中的路径 let path = Bundle.main.path(forResource: file, ofType: mp3) //将路径转化为URL let url = URL(fileURLWithPath: path!) //根据URL建立AVAudioPlayer的实例，赋值给soundPlayer变量 soun