少儿编程:手机音乐播放器手到擒来,用编程创造属于你的音乐世界

有没有喜欢听歌的爸爸妈妈和宝宝呢?音乐已经融入我们的生活的点点滴滴,给我们的生活添姿增彩!歌声能让我们放松身心,纾解工作学习的压力,好的音乐还能帮我们走出阴霾,励志向上。所以在闲暇时候多多听听音乐,好处多多哦~记得小童老师小时候非常喜欢听歌,很多好的歌词拿来写作文特别的好用呢!

爸爸妈妈和小朋友平时都用什么听歌呢?小童老师小时候经常用的是录音机、MP3、DVD,但现在一般都用手机听歌啦,十分方便呢!今天呢小童老师就教大家用我们App Inventor做一个简单的手机“音乐播放器”。

准备工作:下载六七首自己喜欢的歌曲。由于我们的App Inventor服务器对上床的文件大小有限制,每首歌最好不要超过3M哦!

老师这里给大家准备的歌曲有:

《青春修炼手册》

《歌唱祖国》

《我的未来不是梦》

《宠爱》

《大梦想家》

《风吹麦浪》

一、界面设计

首先先来看一下“音乐播放器”的目标界面:

少儿编程:手机音乐播放器手到擒来,用编程创造属于你的音乐世界

是不是看起来还不错,界面设计总共分为三块,最上边的标题栏、中间的歌曲表、底部的

操作栏、非可视化音频播放器。(界面中用到的所有图片都可以点击原文进行下载哦!)

标题栏

一个水平布局:黑色背景,高度40,宽度充满,上下左右居中;里边一个标题标签,字体白色,大小15。

歌曲表

六个水平布局,高度77,背景透明;每个布局里边一个占位标签,:宽度15,一个歌曲按钮:设置相应的图片,高度65,宽度根据情况调节。

操作栏

一个水平布局:背景透明,上下左右居中;里边五个按钮:设置按钮图片,宽高均为25,依次命名为上一首、停止、开始、暂停、下一首。

完成这三部分后,添加上屏幕背景图片,基本就和目标界面相似了,连接上AI伴侣对各个组件的宽高稍作调整即可。

二、代码设计

我们在实现音乐播放器的代码的时候,总共可以分为以下几步:

歌曲表

少儿编程:手机音乐播放器手到擒来,用编程创造属于你的音乐世界

少儿编程:手机音乐播放器手到擒来,用编程创造属于你的音乐世界

播放歌曲

点击对应的歌曲,立刻播放该歌曲

少儿编程:手机音乐播放器手到擒来,用编程创造属于你的音乐世界

自动播放

歌曲播放完自动播放下一首歌曲,点击“下一首”按钮播放下一首歌曲,点击“上一首”按钮播放上一首歌曲。

少儿编程:手机音乐播放器手到擒来,用编程创造属于你的音乐世界

歌曲的播放状态

歌曲的停止、开始、暂停

少儿编程:手机音乐播放器手到擒来,用编程创造属于你的音乐世界

到这里就完成了我们全部的界面设计和代码设计啦,小朋友你完成了吗?快点把程序装进自己的安卓手机里,开始听歌喽!

如果有的地方没有做出来也没关系,小童老师已经给大家准备好了完整的aia文件,大家可以点击原文进行下载,导入到自己的App Inventor中进行学习!

(https://pan.baidu.com/s/1BR1S3rHhb3aO8KFS-wNDbQ)

童程童美少儿手机编程课程,面向10岁以上孩子,通过逻辑测试的零基础或一定编程基础的适龄儿童。采用Java语言和专业开发工具进行教学,由浅入深、系统化的教授如何开发在Android移动设备上使用的手机应用和游戏。课程设计趣味感强,游戏主题贯穿其中。在学习中锻炼孩子的逻辑思维能力、培养兴趣、提高孩子的专注力、提升孩子的严谨性和抗挫能力。课程学习后,能够学以致用,使学习和生活相结合,让孩子获得成就感。


分享到:


相關文章: