基于STM32之OLED菜单界面框架搭建

ID:235201 · 发表于 2018-10-3 21:41

基于STM32驱动OLED屏显示三级菜单界面框架搭建
个人总结的一些经验，写的不好勿喷。

硬件要求
（1）处理器：STM32F103系列。
（2）OLED屏，SPI或IIC接口都可以。
（3）按键，用于控制界面的切换。

一个基本的菜单界面最少有有一个主界，所以所有先设计一个主界面。
1.什么是主界面？
/******** 这里说的主界面是本次需要设计的主界面 ********/
主界面是电路上电程序启动完成后屏幕显示的第一个界面，就是主界面。
主界面根据自己的爱好来设计，比如：

界面中的图形和文字可自己设计，这里我设计的就如上图所示。
主界面设计好后，那么根据自己的需求来添加多级界面。
我这里就设计了三级菜单界面。

好，那么对应的界面做好后，就是如何控制界面之间的切换。

/*********************************************
* 创建一个结构体
* 存放界面标志位
*/
typedef struct
{
u8 Interface_Mark; //界面状态
u8 Task_Mark; //任务状态
u8 Run_Task; //开始运行任务
} Mark;
Mark Mark_Sign;//状态标志位
/*********************************************
* 创建一个枚举
* 存放界面变量
*/
enum
{
Main_Interface = 0x10, /****主界面*****/
Menu_Interface = 0x20, /****菜单界面***/
Task_Interface = 0x30, /****任务界面***/
};
/*******************************************/
switch(Mark_Sign.Interface_Mark)
{
//状态标志位主界面
case Main_Interface:
Main_Interface_APP();//显示主界面
break;
//状态标志位菜单界面
case Menu_Interface:
Menu_Interface_APP();//显示菜单界面
break;
//状态标志位任务界面
case Task_Interface:
Function_Menu_APP();//显示功能界面
break;
default:
break;

复制代码

上面这段代码用来判断是三级中哪一级界面。
里面创建了一个结构体，通过改变结构体里面的一个标志位来控制三级界面之间的切换。

那么就要用到按键来改变标志位的值，这里我采用了外部中断来控制。

/*************左摇杆按键*****菜单确认按键**********************/
if(DISABLE == KEY_Rocker_Left)
{
//当按下菜单键时，判断当前界面
/************判断当前界面为主界面***********************/
if(Main_Interface == Mark_Sign.Interface_Mark)
{
/**************进入菜单界面*************/
Mark_Sign.Interface_Mark = Menu_Interface;
}
/************判断当前界面为菜单界面*******************/
else if(Menu_Interface == Mark_Sign.Interface_Mark)
{
/***************进入任务界面************/
Mark_Sign.Interface_Mark = Task_Interface;
/**************进入指定的功能任务*******/
switch(Mark_Sign.Task_Mark)
{
/**************开始运行2.4G任务*******/
case NRF24L01_Task:
Mark_Sign.Run_Task = NRF24L01_Task;
break;
/**************开始运行蓝牙任务*******/
case Bluetooth_Task:
Mark_Sign.Run_Task = Bluetooth_Task;
break;
/**************开始运行WIFI任务*******/
case WIFI_Task:
Mark_Sign.Run_Task = WIFI_Task;
break;
/**************开始运行USB任务*******/
case USB_Task:
Mark_Sign.Run_Task = USB_Task;
break;
/**************开始运行设置任务*******/
case Set_Task:
Mark_Sign.Run_Task = Set_Task;
break;
default:
break;
}
}
/************判断当前界面为任务界面******************/
else if(Task_Interface == Mark_Sign.Interface_Mark)
{
/*******判断当前正在运行的任务*******/
switch(Mark_Sign.Run_Task)
{
/*当前正在运行 2.4G任务*/
case NRF24L01_Task:
break;
/*当前正在运行 2.4G任务*/
case Bluetooth_Task:
break;
/*当前正在运行 2.4G任务*/
case WIFI_Task:
break;
/*当前正在运行 2.4G任务*/
case USB_Task:
break;
/*当前正在运行 2.4G任务*/
case Set_Task:
break;
default:
break;
}
}
}

复制代码

上面这段代功能

/*
* 1,检测当前按下的按键为确认键
* 2,检测当前的界面
* (1)如果是主界面，则进入菜单界面
* (2)如果是菜单界面，则进入任务界面
* (3)如果是任务界面，则开执行被选中的任务
*/

复制代码

那么可以从主界面进入，那怎么退出呢？
同样这里采用外部中断来控制

/****************右摇杆按键****返回按键*************************/
if(DISABLE == KEY_Rocker_Right)
{
//当按下返回键时，判断当前界面
/************判断当前界面为菜单界面*******************/
if(Menu_Interface == Mark_Sign.Interface_Mark)
{
/*******退出菜单界面***进入主界面**/
Mark_Sign.Interface_Mark = Main_Interface;
}
/************判断当前界面为任务界面******************/
else if(Task_Interface == Mark_Sign.Interface_Mark)
{
/***退出正在运行的任务***/
Mark_Sign.Run_Task = Stop;
/*******退出任务界面*****/
Mark_Sign.Interface_Mark = Menu_Interface;
}

复制代码

上面这段代码的功能

/*
* 1,检测当前按下的按键为返回键
* 2,检测当前的界面
* (1)如果是任务界面，则停止正在运行的任务，返回到菜单界面
* (2)如果是菜单界面，则返回到主界面
*/

复制代码

好
通过确认按键控制从主界面到菜单界面到任务界面的切换。
通过返回按键控制从任务界面到菜单界面到主界面的切换。

以上就是菜单界面的内容，不管你是小白还是正在学习STM32的你，根据这套框架你一样可以写出霸气的菜单界面，如果你们还有更好的写法，欢迎一起讨论。

ID:406408 · 发表于 2018-10-11 15:58

学习了

ID:415785 · 发表于 2018-11-2 16:03

学习了，不错！

ID:129988 · 发表于 2018-11-12 00:28

最近正在学习OLED，感谢楼主的分享

ID:29256 · 发表于 2018-11-12 15:51

多谢分享

ID:220020 · 发表于 2018-11-23 17:08

多谢共享

ID:157393 · 发表于 2018-11-24 16:19

最近正在学习OLED

ID:96310 · 发表于 2018-12-17 16:35

感谢楼主分享，学习一下

ID:128321 · 发表于 2018-12-17 17:44

最近正在学习OLED

ID:278145 · 发表于 2018-12-19 22:47

不错，值得学习

ID:137086 · 发表于 2019-2-12 21:18

仔细学习一下最近在学习怎么写一个菜单的程序

ID:461296 · 发表于 2019-2-23 13:52

学习一下

ID:385466 · 发表于 2019-4-11 16:31

666，学习一下

ID:385466 · 发表于 2019-4-12 11:57

怎么判断按下的是哪一个按键，DISABLE跳转到了stm32f10x.h了，有点看不懂，请教一下。

ID:516199 · 发表于 2019-5-23 22:23

谢谢分享，

ID:567848 · 发表于 2019-6-20 13:44

刚好需要，学习一下

ID:567848 · 发表于 2019-6-20 13:46

学习一下，刚好需要

ID:499409 · 发表于 2019-7-2 12:03

能发一下代码吗1813298696@qqcom

ID:55591 · 发表于 2019-7-12 06:37

看着非常不错

ID:570493 · 发表于 2019-7-15 16:59

怎么我用IIC模式没显示，是不是我哪没配置好？

ID:521623 · 发表于 2019-7-19 17:13

额，那个mini版烧进去程序屏就黑了，咋啥都没有，是不是烧了啊

ID:432611 · 发表于 2019-7-19 22:04

great，学习

ID:64765 · 发表于 2019-7-24 13:30

颇有收获，谢了。

ID:586039 · 发表于 2019-7-28 11:53

请问是要外接摇杆按键吗，具体要怎么做呢

ID:270932 · 发表于 2019-7-28 15:47

正好学习OLED，谢谢楼主资料分享

ID:600035 · 发表于 2019-8-14 12:26

学习学习

ID:602925 · 发表于 2019-8-29 12:51

学习一下

ID:302850 · 发表于 2019-8-30 06:42

先收藏，感觉肯定会有一天能用上！

ID:606788 · 发表于 2019-9-4 18:04

谢谢分享

ID:547459 · 发表于 2019-9-4 21:12

学习了

ID:610440 · 发表于 2019-9-11 14:50

你好,我最近有一个项目,需要用到stm32 oled屏显示菜单界面的框架,但是不理解框架架构关系,方便加我Q沟通探讨下吗?

ID:606788 · 发表于 2019-9-28 20:01

最近正在学习OLED，感谢楼主的分享👌

ID:207341 · 发表于 2019-10-7 15:38

我记得下载了

ID:58110 · 发表于 2019-10-8 08:42

很棒！谢谢分享！

ID:607710 · 发表于 2019-10-9 11:09

这就是算法吗？希望多一些这样的教程

ID:606788 · 发表于 2019-10-10 20:50

厉害了学习下怎么写的

ID:581602 · 发表于 2019-12-14 22:50

学习一下，感谢楼主分享。

ID:269639 · 发表于 2019-12-15 22:01

真的非常好啊，感谢楼主

ID:544005 · 发表于 2020-1-13 10:52

学习了谢谢!!!

ID:408363 · 发表于 2020-2-6 20:44

请问2.8寸彩屏能使用吗

帐号		自动登录	找回密码
密码			立即注册

基于STM32之OLED菜单界面框架搭建

评分