利用已有队列按键, 构造菜单交互
纵览整个OLED 按键菜单交互, 我们收集了按键, 那这些按键, 是如何控制页面切换的呢? 我们其实可以充当OLED页面管理员, 当报警的时候, 立即切换页面. 但是当我们在正常模式下, 我们按下了不同类型的按键, 那应该如何去构建交互模型的呢?
![image-20240822103453817](https://img-blog.csdnimg.cn/img_convert/3a2ff61da4ded45fc1be5c887a17c0cc.png)
收集按键方面
我们利用了定时器喂狗模型, 判断出按下的不同类型的按键
我们利用队列, 去收集按键
界面选择显示方面
其实我们只需要告诉, 我们OLED, 当前应该重复刷新哪个页面就行了, 其他的我们不管
OLED底层刷新
OLED整体刷新到结合switch刷新方式演变-CSDN博客
OLED挑选界面刷新
按键交互构思
如果我们想多个页面交互, 起码, 我们要先画出我们的界面, 然后再来交互.
上面界面太复杂了, 我们进行简化
接着进行按键简化
通过观察, 我们分为智能模式, 音乐模式 , 和预警模式,
对于预警模式, 我是是通过直接操作接管显示界面,进行的, 所以我们不用加入按键交互菜单里面.
我们有智能模式和音乐模式, 所以我们要定义一个变量, 来控制当前是智能模式还是音乐模式. Now_mode
智能模式
在智能模式下, 我们分成环境信息界面 和 阈值信息界面,
所以我们需要定义一个变量 Now_environment , 当变量等于0的时候, 是环境信息界面, 当变量是1的时候, 是阈值信息界面
![]()
音乐模式
在音乐模式下, 我们一共有四首歌曲,也要定义一个变量, 来控制选择的是哪首歌曲.
我们选择歌曲后, 双击可以播放, 所以我们还要再进入另一个模式,
就是播放模式, 选中当前歌曲, 然后进行播放暂停的界面
所以目前我们的主页面模式分为
智能模式, 音乐选择模式, 播放模式
![image-20240822113727081](https://img-blog.csdnimg.cn/img_convert/bd2ea321de51d0131d9a7bc057673a85.png)
歌曲选择页面
我们进入音乐模式后, 通过单击,选择 1-4 首歌曲, 所以我们定义一个变量, music_choice
![image-20240822153054703](https://img-blog.csdnimg.cn/img_convert/4d4a88c6fed4439f566c6cd1e32b40cd.png)
播放歌曲界面
我们选择歌曲后, 根据 music_choice 选中的歌曲, 选择对应的歌曲名字和播放设置.
所以, 在歌曲播放界面, 我们也要设置一个变量, 歌曲开/关按钮变量
music_button
![image-20240822153401437](https://img-blog.csdnimg.cn/img_convert/7d6d431f06cb918926a4a8d707c5156c.png)
变量架构图
按键与页面交互
我们有了对应的界面的变量控制, 我们就可以根据按键交互, 去改变对应的模式了.
如果此时的按键是长按
判断当前Now_mode 处于哪个模式,
1: 则进入音乐模式 Now_mode 赋值为 2
2: 则进入智能模式 Now_mode 赋值为 1
3: 则也进入智能模式 Now_mode 赋值为 1
如果此时的按键是单击
判断当前 Now_mode 处于哪个模式
1:则 Now_environment 切换 1 和 0, 对应着 环境信息界面 和 阈值界面之间的切换
![]()
2: 则说明此时处于音乐模式歌曲选择页面, 我们对 music_choice 进行 1 - 4 首歌曲的 赋值, 方便一会儿我们去寻找对应的歌曲界面刷新和播放对应的歌曲
![]()
3: 说明此时处于音乐播放界面, 单击, 说明我要播放或者暂停歌曲,
我们对变量 music_button 进行 0 和 1 取反
如果此时是双击
我们双击是在选中歌曲后, 双击进入歌曲播放, 所以我们只有在模式是音乐模式的时候, 或者播放模式的时候, 双击在这两个模式之间切换.
所以我们在判断 Now_mode 是 2 或 3 的时候, 去切换到 3 或 2 , 记得切换的时候, 把对应的 歌曲播放变量 进行置 1 或置 0 , 从选歌->播放 , music_button = 1, 从播放->选歌 , music_button = 0,
同时不要忘了, 向播放器发送歌曲的播放或停止指令
根据所在模式, 去挑选对应的模式
我们按键已经根据当前模式, 以及当前的按键类型, 按照我们的构思, 去做了下一步的页面定义, 所以我们要根据当前的变量, 去挑选对应的界面, 去显示.
当 Now_mode = 1时
说明此时是智能模式, 我们通过判断 Now_environment 是 0 还是 1, 去挑选到 对应的 环境信息界面 还是阈值信息界面
当 Now_mode = 2时
说明此时是音乐模式, 我们通过判断 music_choice 是 1 2 3 4 , 从而去选择, 我们应该反选哪首歌曲, 显示特定的歌曲菜单
当 Now_mode = 3时
说明此时是播放模式, 我们通过判断 music_choice 选的哪首歌曲, 去选择 应该显示哪首歌曲的名字
通过判断 music_button , 来判断当前, 应该是播放歌曲, 还是 暂停歌曲
进入页面模式挑选
我们通过观察, 上面的预警模式, 我们可以总结出, 以下的页面, 供我们选择