《App-Inventor移动终端应用开发》教学课件06音乐播放器

模块6音乐播放器6.1项目描述6.2项目组件设计6.3项目逻辑设计6.4项目测试6.1项目描述音乐播放器的主要功能是实现对音乐的播放、暂停等管理，其运行界面如图6-1所示。说明：音乐播放器的运行界面由音乐列表、播放操作按钮和音量调节三部分组成。直接单击音乐列表中的某一项，将播放该选项对应的音乐。图6-1音乐播放器的运行界面6.2项目组件设计6.2.1准备素材为实现音乐播放器的界面效果，本项目需要一些图片素材和音频素材，如图6-2所示。图片素材主要用作应用图标、项目界面背景和操作按钮图片。icon.pngbutton_play.pngbutton_pause.pngbutton_previous.pngbutton_next.pngbackground.jpgmusic1.mp3music2.mp3music3.mp3图6-2音乐播放器所需的图片素材和音频素材6.2项目组件设计6.2.2设计界面登录开发平台，新建一个项目，项目名称为MusicPlayer。在设计视窗中，将项目素材上传到开发平台。本项目用到的组件包括用户界面组件中的按钮、标签、列表显示框和滑动条，界面布局中的水平布局，多媒体组件中的音频播放器，以及传感器组件中的加速度传感器。其中，按钮用于控制音乐的播放，滑动条用于调节播放音量，音频播放器用于播放音乐，加速度传感器用于切换音乐。音乐播放器的组件列表如图6-3所示。将这些组件从组件面板添加到工作面板中，并按照教材中音乐播放器组件属性进行设置。音乐播放器工作面板的设计效果如图6-4所示。说明：对于表格中没有说明的组件属性均采用默认属性值。6.2项目组件设计6.2.2设计界面图6-3音乐播放器的组件列表图6-4音乐播放器工作面板的设计效果6.3项目逻辑设计图6-5音乐播放器的项目设计流程音乐播放器的项目设计流程如图6-5所示。6.3项目逻辑设计6.3.1编程模块在项目设计界面中单击“逻辑设计”按钮，切换到编程视窗。本项目用到的编程模块有内置块中的变量、文本、列表、控制、逻辑、数学、过程和各组件的事件处理模块、调用过程模块、属性设置及取值模块，部分编程模块见教材。6.3项目逻辑设计6.3.2功能实现1.初始化变量本项目定义了2个全局变量，如图6-6所示。“音乐列表索引”用来记录当前播放的音乐在音乐列表中的索引值，“音乐列表”为本项目用到的所有音频文件列表。图6-6音乐播放器定义的全局变量6.3项目逻辑设计6.3.2功能实现2.定义过程在本项目中，无论是初始化屏幕，还是播放音乐或晃动手机切换音乐，都需要为音乐播放器设置其源文件属性；无论是单击“下一首”按钮，还是晃动手机，音乐列表索引值都会增加，音乐播放器都将播放下一首音乐。定义“设置音乐播放器的源文件”过程的代码模块如图6-7所示。定义“播放下一首”过程的代码模块如图6-8所示。在播放音乐时，音乐列表索引值每增加1，音频播放器就开始播放音乐列表中的下一首音乐。如果音乐列表索引值大于音乐列表长度，则将其值设置为1，从而实现音乐列表中音乐的循环播放。6.3项目逻辑设计6.3.2功能实现图6-7定义“设置音频播放器的源文件”过程的代码模块图6-8定义“播放下一首”过程的代码模块6.3项目逻辑设计6.3.2功能实现3.初始化屏幕在屏幕初始化时，要将音乐列表显示在列表显示框中，并设置音频播放器的源文件，如图6-9所示。图6-9初始化屏幕的代码模块6.3项目逻辑设计6.3.2功能实现4.播放或暂停播放音乐单击播放按钮，音频播放器开始播放音乐，其图标将更换为，并启用加速度传感器，这时的应用可以响应并处理手机晃动事件。再次单击该按钮，音频播放器将暂停播放音乐，图标更换回，将加速度传感器的“启用”属性设置为假，这时晃动手机将无法切换播放音乐。单击“按钮_播放”按钮的事件处理模块如图6-10所示。图6-10单击“按钮_播放”按钮的事件处理模块6.3项目逻辑设计6.3.2功能实现5.播放列表选中项音乐单击“列表显示框”音乐列表中的某一首音乐，可以触发列表显示框选择完成事件，这时音频播放器应播放选中项对应的音乐。其事件处理模块如图6-11所示。图6-11播放列表选中项音乐的事件处理模块6.3项目逻辑设计6.3.2功能实现6.播放上一首音乐单击“按钮_上一首”按钮的事件处理模块如图6-12所示。在播放音乐时，音乐列表索引值每减少1，音频播放器就开始播放音乐列表中的上一首音乐。如果音乐列表索引值小于1，则将其值设置为音乐列表长度，从而实现音乐列表中音乐的循环播放。图6-12单击“按钮_上一首”按钮的事件处理模块6.3项目逻辑设计6.3.2功能实现7.播放下一首音乐单击“按钮_下一首”按钮时，直接调用“播放下一首”过程，如图6-13所示。8.处理手机晃动事件晃动手机时，若加速度传感器“启用”属性为真，则触发加速度传感器的被晃动事件，将播放音乐切换为音乐列表中的下一首音乐，调用“播放下一首”过程，如图6-14所示。图6-13播放下一首音乐的代码模块图6-14手机晃动事件的代码模块6.3项目逻辑设计6.3.2功能实现9.音量控制拖动“滑动条_音量”组件的滑块位置，会触发其位置被改变事件，这时将音频播放器的音量属性设置为滑块位置，就可以修改音频播放器的播放音量，实现音量控制，如图6-15所示。10.循环播放为实现音乐列表的循环播放，增加如图6-16所示的代码模块。在播放音乐时，一首音乐播放完毕，音频播放器将会自动播放下一首音乐。至此，音乐播放器项目的开发工