app inventor入门详细教程（音乐播放器）01

App inventor 介绍

简介

• App Inventor是由Google公司开发的一款在线开放的Android编程工具软件，通过图形化积木式的拖放组件来完成Apps开发
• App Inventor在2012年1月移交给麻省理工学院MIT的行动学习中心，并由MIT发布使用，目前已经发布了第2版本

特点

• 开发环境搭建简单。采用浏览器+云服务模式，无需复杂软件安装
• 开发过程简单。手机App的界面设计和行为开发都可以通过可视化的拖放拼接组件来完成，无需关注复杂的语法规则
• 组件模块丰富。App Inventor已经预先设置好了不同类型的组件模块，如多媒体类、传感器类，甚者乐高机器人组件
• 方便多台机器交叉开发。所有开发代码储存在云端服务器上，方便开发者在任何一台机器上进行开发，并且保证了源代码的一致性和安全性
• 支持即时调试。提供了强大的调试功能，调试中代码的变更会自动同步到进行调试的手机或者模拟器中，无需重装应用

开发环境

三大作业

• 设计器：主要作用是案例设定，元件布局与元件属性设定；
• 图块编辑器：主要作用是通过拼图作业模式进行程序的接合，同时可以操作不同属性的定义元件、控制元件和逻辑元件等来进行“程序设计”
• 模拟器：在没有Android设备前，可用模拟器来进行案例测试，但模拟器在部分功能方面无法提供测试（如重力传感器等），手机效果最佳，建议使用Android手机

开发平台（个人认为好用一点的）

1.广州市教育信息中心（电教馆）服务器

http://app.gzjkw/login/

2.WxBit 增强版
汉化并增强的 App Inventor 2 服务器

https://app.wxbit/login/?www

音乐播放器功能设计

1.播放歌曲、暂停歌曲
2.上一首歌曲、下一首歌曲
3.音量调节

手把手视频教程：

App Inventor（音乐播放器）

用户界面设计

使用到的元件：
属性设计：
素材上传：
由于现在很多音乐软件下载需要会员，建议可以去放屁音乐网下载素材，虽然名字比较恶趣味

逻辑设计

初始化设计：

播放暂停设计：

使用变量记录状态处于播放还是暂停，一开始没有播放处于停止状态，num为1，当被点击播放时候则修改为2，同时文本信息修改，音乐开始，如果被点击时候状态为2，则表示正在播放，应该暂停音乐，文本信息修改

上一首、下一首设计：

通过变量GQ记录当前在哪一首歌，如果下一首被点击，变量增加，切换为2，修改播放源文件，源文件必须把文件名称以及格式都输入进去，当点击大于3，也就是第四首时，我们没有第四首所以又修改歌曲为第1首，同时修改num为2，记录为播放状态，文本信息也修改，上一首功能同理可得。

音量调节

滑块位置改变则音量进行调节

效果展示

简易音乐播放器

附：在切换下一首和上一首后，只要点击播放，歌曲就变为第1首歌，解决这个问题，那么你就掌握app inventor使用和逻辑设计啦。