EEPW论坛

【前言】

上一篇，我创建了touchGFX工程：【STM32F469I-DISCO】新建TouchGFX工程-电子产品世界论坛

今天跟着西安邮电学院的严老师的课程进行界面设计。

1、添加7个Button with label 到界面：

2、选择按键的背景图片：

3、修改button的名字，分别为：“播放”、“停止”、“暂停”、“静音”“上一首”“下一首”“播放列表” 7 个按键，分别命名为“buttonPlay”、“buttonStop”、“buttonPause”、 “buttonMute”、“buttonPreSong”、“buttonNextSong”、“buttonPlaylist”。同时修改字号为40。

4、为这7个button添加按下事件的虚拟函数：

5、添加6个标签，分别用于显示当前文件的大小，已播放长度，音频采样率，当前文件播放文件名，音量，以及SD卡中的.wav文件数。

为了可以动态显示文本，添加给标签添加buff:

4、添加一个滑动条，用于调节音量，同时也添加一个gauge 用于显示播放进度。

5、给滑动条添加数值修改的虚拟函数：

【效果】

生成工程，下载到开发板界面效果如下：

到此界面设计好了，下一步进行按键代码的实现。