基于STM32驱动OLED屏显示三级菜单界面框架搭建

个人总结的一些经验,写的不好勿喷。

  1. 硬件要求
    (1)处理器:STM32F103系列。
    (2)OLED屏,SPI或IIC接口都可以。
    (3)按键,用于控制界面的切换。

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

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

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

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

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

/*********************************************
 * 创建一个结构体
 * 存放界面标志位
*/
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的你,根据这套框架你一样可以写出霸气的菜单界面,如果你们还有更好的写法,欢迎一起讨论。

相关文章:

  • 2021-11-19
  • 2021-11-19
  • 2021-05-27
  • 2022-12-23
  • 2022-12-23
  • 2021-07-13
  • 2021-10-04
  • 2022-12-23
猜你喜欢
  • 2021-11-18
  • 2022-02-07
  • 2022-02-08
  • 2021-08-30
  • 2022-12-23
  • 2021-09-24
  • 2022-12-23
相关资源
相似解决方案