1.进入网址：https://app.wxbit.com/，输入你的qq账号密码，完成登录。

2.点击素材列表，将所有的素材进行上传。

3.点击左侧组件列表中的Screen，设置最右侧的组件属性

图标	icon.png
标题	来一首喜欢的歌吧
水平，垂直对齐	居中
背景图片	4.png

3.点击左侧的界面布局-----水平布局，添加一个水平布局到屏幕上，设置它的属性如下

水平，垂直对齐	居中，居上
宽度	充满
高度	100像素

 

4.连续添加三个按钮到水平布局上，设置按钮1属性如下：文本

文本	清除
宽度	100像素
高度	100像素
背景图片	1.png

按钮2.

文本	清除
宽度	100像素
高度	100像素
背景图片	2.png

按钮3

文本	清除
宽度	100像素
高度	100像素
背景图片	3.png

 

5.将第四个按钮拖到水平布局下面，设置属性如下：

文本	清除
宽度	100像素
高度	100像素
背景图片	stop.png

 

6.将左侧组件面板中多媒体----音频播放器拖动到屏幕上。

接下来开始逻辑设计：

完成下述代码设计：

完成设计后，运行模拟器，将生成的apk文件安装到模拟器上，查看实际的效果。