七彩音符的制作

今天呢，我们来制作一款彩虹色的弹奏应用。

它长这个样子：

是不是很漂亮呢？

当我们点击不同颜色的色块时，会发出清脆的钢琴音哟！

既然发音了，必然要有声音素材，链接放下：

链接：https://pan.baidu.com/s/1p8Pp6dzcKzCt8vmgnclqng 密码：1kxj密码：9gml

里面包含了我们这次需要的七个声音素材文件，以及一些乐谱，供大家练习。

1. 我们首先还是新建项目，项目名叫：七彩音符。

2. 还记得吗？第一步，我们要修改Screen1的一些属性设置：

3. 并将我们需要的声音素材文件依依上传：

点击选择文件：

选中相应文件后，点击确定：

上传完成的文件：

我们依次上传其他六个文件：

3. 我们看上图的彩虹音符界面，发现它有七个颜色不同的色块，而且这些色块还可以点击！

既然可以点击，那我们第一想到的就是——按钮！所以这七个色块就是由七个按钮组成的！

让我们拖动一个按钮到屏幕中：

4. 有了按钮，我们可以点击。但是如何让手机发出声音呢？我们需要用到：音频播放器

注意：音频播放器和音效播放器的区别在于：音频播放器可以调整音量，而音效播放器不能调整音量。

5. 然后我们先不管它的属性设置，我们先对它进行编程！

转到编程界面：

6. 它的逻辑其实非常简单哟。当点击按钮时，它调用音频播放器，发声。

将“当按钮1被点击时，执行...”拖到工屏幕上工作区域：

7. 为了让音频播放器发出声音，首先要设置其源文件：

8. 将其拖到按钮被点击代码块的下面：

9. 按钮1的源文件即为：1.mp3，所以我们从文本代码块中找到第一项：

11. 并将其拖拽到源文件后面的插槽中，改为“1.mp3”：

12. 接下来，我们只需要让其播放：

拖拽到设置源文件的下面：

12. 快点连接调试一下！

（还记的怎么调试吗？忘记的同学可以看一下“让你的小猫动起来”这篇）

13. 虽然可以发声了，但是我们对它的外表并不满意，而且还有剩余六个按钮色块没有添加呢。让我们来完成这一步：

拖动剩余的六个按钮到屏幕中上一个按钮的下面：

拖拽完成时这个样子：

14. 改变按钮1的高度，宽度为充满，背景颜色为红色：

可以看到，按钮1将剩余的六个按钮全部挤到了屏幕的角落里，它占据了可以占据的全部空间;

16. 如法炮制，我们将剩余的六个按钮同样的操作：

当然了，我还改变了按钮的显示文本，只留下了相应的数字。

16. 调试一下。

17. 界面设计完成！

剩余的六个按钮的代码部分你是否会操作了呢？

自己尝试一下吧！

完整程序已放链接：

https://pan.baidu.com/s/1oC6IY0eUY_-M_2bE9Bkbrw密码：yjxe

MrCode

专注编程与分享，教普通人学编程

关注