基于STM32驅動OLED屏顯示三級菜單界面框架搭建
個人總結的一些經驗，寫的不好勿噴。
- 硬件要求
（1）處理器：STM32F103系列。
（2）OLED屏，SPI或IIC接口都可以。
（3）按鍵，用于控制界面的切換。
一個基本的菜單界面最少有有一個主界，所以所有先設計一個主界面。
1.什么是主界面？
/******** 這里說的主界面是本次需要設計的主界面 ********/
主界面是電路上電程序啟動完成后屏幕顯示的第一個界面，就是主界面。
主界面根據(jù)自己的愛好來設計，比如：
界面中的圖形和文字可自己設計，這里我設計的就如上圖所示。
主界面設計好后，那么根據(jù)自己的需求來添加多級界面。
我這里就設計了三級菜單界面。
好，那么對應的界面做好后，就是如何控制界面之間的切換。- /*********************************************
- * 創(chuàng)建一個結構體
- * 存放界面標志位
- */
- typedef struct
- {
- u8 Interface_Mark; //界面狀態(tài)
- u8 Task_Mark; //任務狀態(tài)
- u8 Run_Task; //開始運行任務
- } Mark;
- Mark Mark_Sign;//狀態(tài)標志位
- /*********************************************
- * 創(chuàng)建一個枚舉
- * 存放界面變量
- */
- enum
- {
- Main_Interface = 0x10, /****主界面*****/
- Menu_Interface = 0x20, /****菜單界面***/
- Task_Interface = 0x30, /****任務界面***/
- };
- /*******************************************/
- switch(Mark_Sign.Interface_Mark)
- {
- //狀態(tài)標志位 主界面
- case Main_Interface:
- Main_Interface_APP();//顯示主界面
- break;
- //狀態(tài)標志位 菜單界面
- case Menu_Interface:
- Menu_Interface_APP();//顯示菜單界面
- break;
- //狀態(tài)標志位 任務界面
- case Task_Interface:
- Function_Menu_APP();//顯示功能界面
- break;
- default:
- break;
-
上面這段代碼用來判斷是三級中哪一級界面。
里面創(chuàng)建了一個結構體，通過改變結構體里面的一個標志位來控制三級界面之間的切換。 那么就要用到按鍵來改變標志位的值，這里我采用了外部中斷來控制。
- <font color="rgb(79, 79, 79)"><font face="-apple-system, ""><font style="font-size: 16px">/*************左搖桿按鍵*****菜單 確認按鍵**********************/
- 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;
- }
- }
- }
- </font></font></font>
上面這段代功能
- <font color="rgb(79, 79, 79)"><font face="-apple-system, ""><font style="font-size: 16px">/*
- * 1,檢測當前按下的按鍵為確認鍵
- * 2,檢測當前的界面
- * (1)如果是主界面，則進入菜單界面
- * (2)如果是菜單界面，則進入任務界面
- * (3)如果是任務界面，則開執(zhí)行被選中的任務
- */
- </font></font></font>
那么可以從主界面進入，那怎么退出呢？
同樣這里采用外部中斷來控制
- <font color="rgb(79, 79, 79)"><font face="-apple-system, ""><font style="font-size: 16px">/****************右搖桿按鍵****返回按鍵*************************/
- 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;
- }
- </font></font></font>
上面這段代碼的功能
- <font color="rgb(79, 79, 79)"><font face="-apple-system, ""><font style="font-size: 16px">/*
- * 1,檢測當前按下的按鍵為返回鍵
- * 2,檢測當前的界面
- * (1)如果是任務界面，則停止正在運行的任務，返回到菜單界面
- * (2)如果是菜單界面，則返回到主界面
- */</font></font></font>
好
通過確認按鍵控制從主界面到菜單界面到任務界面的切換。
通過返回按鍵控制從任務界面到菜單界面到主界面的切換。 以上就是菜單界面的內容，不管你是小白還是正在學習STM32的你，根據(jù)這套框架你一樣可以寫出霸氣的菜單界面，如果你們還有更好的寫法，歡迎一起討論。
| 
[復制鏈接]
