利用已有队列按键, 构造菜单交互

利用已有队列按键, 构造菜单交互

纵览整个OLED 按键菜单交互, 我们收集了按键, 那这些按键, 是如何控制页面切换的呢? 我们其实可以充当OLED页面管理员, 当报警的时候, 立即切换页面. 但是当我们在正常模式下, 我们按下了不同类型的按键, 那应该如何去构建交互模型的呢?

收集按键方面

我们利用了定时器喂狗模型, 判断出按下的不同类型的按键

按键收集单击,双击和长按-CSDN博客

我们利用队列, 去收集按键

利用队列收集单双击和长按按键-CSDN博客

界面选择显示方面

其实我们只需要告诉, 我们OLED, 当前应该重复刷新哪个页面就行了, 其他的我们不管

OLED底层刷新

OLED整体刷新到结合switch刷新方式演变-CSDN博客

OLED挑选界面刷新

预警系统OLED挑选模式-CSDN博客

按键交互构思

如果我们想多个页面交互, 起码, 我们要先画出我们的界面, 然后再来交互.

上面界面太复杂了, 我们进行简化

接着进行按键简化

通过观察, 我们分为智能模式, 音乐模式 , 和预警模式,

对于预警模式, 我是是通过直接操作接管显示界面,进行的, 所以我们不用加入按键交互菜单里面.

我们有智能模式和音乐模式, 所以我们要定义一个变量, 来控制当前是智能模式还是音乐模式. Now_mode

智能模式

在智能模式下, 我们分成环境信息界面 和 阈值信息界面,

所以我们需要定义一个变量 Now_environment , 当变量等于0的时候, 是环境信息界面, 当变量是1的时候, 是阈值信息界面

音乐模式

在音乐模式下, 我们一共有四首歌曲,也要定义一个变量, 来控制选择的是哪首歌曲.

我们选择歌曲后, 双击可以播放, 所以我们还要再进入另一个模式,

就是播放模式, 选中当前歌曲, 然后进行播放暂停的界面

所以目前我们的主页面模式分为

智能模式, 音乐选择模式, 播放模式

歌曲选择页面

我们进入音乐模式后, 通过单击,选择 1-4 首歌曲, 所以我们定义一个变量, music_choice

播放歌曲界面

我们选择歌曲后, 根据 music_choice 选中的歌曲, 选择对应的歌曲名字和播放设置.

所以, 在歌曲播放界面, 我们也要设置一个变量, 歌曲开/关按钮变量

music_button

变量架构图

按键与页面交互

我们有了对应的界面的变量控制, 我们就可以根据按键交互, 去改变对应的模式了.

如果此时的按键是长按

判断当前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 , 来判断当前, 应该是播放歌曲, 还是 暂停歌曲

进入页面模式挑选

预警系统OLED挑选模式-CSDN博客

我们通过观察, 上面的预警模式, 我们可以总结出, 以下的页面, 供我们选择