如何搭建基于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的你，根据这套框架你一样可以写出霸气的菜单界面，如果你们还有更好的写法，欢迎一起讨论。

确实是高质量的总结，有屏需求可以call我（可以提供技术支持，微信同）