师：同学们，今天我们学习六年级广州版信息技术第二单元第14课“我的播放器”。先介绍本节课学习目标：1. 会添加音频播放器组件；2. 会添加滑动条组件；3. 会使用音频播放器代码块；4. 会使用滑动条代码块。非遗传统文化是咱们学校特色项目，粤语节也是学校重要活动。今天子洛同学想分享他制作的APP，据说能播放粤语歌曲，我们一起来看看。
生：同学们好，今天我给大家介绍我的播放器APP。点击播放按钮，能播放音乐；拖动音乐环拍，可调节音量大小；点击暂停按钮，能暂停音乐。
师：谢谢子洛同学分享。这就是今天要制作的播放器APP。学习制作前，结合生活中接触的播放器APP，比如酷狗音乐、QQ音乐等，思考下播放器APP有哪些功能？实现这些功能，人的行为是什么，手机又有什么反应？我举几个例子。像PPT的播放音频功能，点击播放按钮，手机播放音频；点击暂停按钮，手机音频暂停播放。还有控制音量功能，滑动音量滑块可控制音量大小。今天通过实现这三个功能，制作一款简单音频播放器APP。制作APP前要找合适组件，分析可知，实现点击按钮让手机播放或暂停音频，需按钮组件和音频播放器组件；实现滑动滑块调整音量大小，需滑动条组件和音频播放器组件。接下来跟着视频学习组件设计。
组件设计按如下步骤：单击项目按钮，单击新建项目，输入项目名称“player”，单击确定。设置screen e属性，将标题属性设为“我的播放器”，背景图片属性设为“背景.jpg”，图标属性设为“logo.jpg”。在组件面板中，单击界面布局，拖动三个水平布局组件到工作面板。单击水平布局1，将水平对齐属性设为居中，垂直对齐属性设为居中，宽度属性设为充满。用同样方法依次设置水平布局2、水平布局3组件属性，水平对齐为居中，垂直对齐为居中，宽度为充满。在组件面板中，单击用户界面，拖动图像组件到水平布局一中，将图像一重命名为“木棉仔图像”，在组件属性中，将高度属性设为180像素，宽度属性设为180像素，图片属性设为“木棉仔.png”。拖动两个按钮组件到水平布局2中，将按钮一重命名为“播放按钮”，宽度属性设为80像素，文本属性设为“播放”；将按钮二重命名为“暂停按钮”，宽度属性设为80像素，文本属性设为“暂停”。拖动标签组件到水平布局3中，将标签一重命名为“音量标签”，宽度属性设为80像素，文本属性设为“音量”，文本对齐属性设为居中。拖动滑动条组件到水平布局3中，将滑动条一重命名为“音量滑动条”，宽度属性设为80像素，最大值属性设为100。在组件面板中单击多媒体，拖动音频播放器到工作面板中，在组件属性中，将源文件属性设为“音频.mp3”。
看完视频，相信大家对播放器APP的组件设计有了初步认识，一起小结组件设计要点。添加滑动条组件后，需设置其宽度属性为80像素，最大值属性设为100。注意滑动条宽度属性，若设为自动或较短，不利于使用时滑动，建议结合测试效果设置和调整。音频播放器组件属多媒体组件，可实现音频播放、暂停、停止以及震动等功能。添加音频播放器组件后，需上传和设置其源文件。大家组件设计完成了吗？有没有遇到问题？
生：老师，我把音频播放器拖动到工作面板中，怎么找不到了呢？
师：谢谢子晴同学提问。音频播放器组件是非可视组件，拖动到工作面板后会在底端显示图标。非可视组件就是APP运行时看不到的组件，像后续要学的语音识别器、文本语音转换器等组件也是非可视组件。接下来跟着视频学习逻辑设计部分。
逻辑设计按以下步骤：单击逻辑设计，单击播放按钮，拖动此代码块到工作面板；单击音频播放器1，拖动此代码块到工作面板；单击暂停按钮，拖动此代码块到工作面板；单击音频播放器1，拖动此代码块到工作面板；单击音量滑动条，拖动此代码块到工作面板；单击音频播放器1，拖动此代码块到工作面板，鼠标移到“当音量滑动条位置被改变”代码块中的滑块位置上，拖动“取滑块位置”拼接到“设置音频播放器1音量为”的参数插槽内。
结合视频涉及的代码块分析：当播放按钮被点击，执行调用音频播放器1开始，可实现点击播放按钮播放音频功能；当暂停按钮被点击，执行调用音频播放器1暂停，可实现点击暂停按钮暂停播放音频功能。滑动条由进度条和可拖动滑块组成，可左右拖动滑块设定滑块位置。拖动滑块触发位置变化事件并记录滑块位置。通过图示可知，不同滑块位置对应不同值，滑块越靠右，对应值越大，在最右侧时，所表示数为设置的最大值。在这个程序中，当音量滑动条滑块位置改变时，执行设置音频播放器的音量为当前滑块位置的值。通过拖动音量滑动条滑块设定滑块位置，能动态更新音频播放器音量，实现控制音量大小功能。