STM32簡易多級菜單(數(shù)組查表法)

1 多級菜單
多級菜單的實(shí)現(xiàn),大體分為兩種設(shè)計(jì)思路:
通過雙向鏈表實(shí)現(xiàn)
通過數(shù)組查表實(shí)現(xiàn)
總體思路都是把菜單的各個(gè)界面聯(lián)系起來,可以從上級菜單跳到下級菜單,也可從下級菜單返回上級菜單。
數(shù)組查表的方式比較簡單,易于理解,本篇就來使用數(shù)組查表發(fā)在STM32上實(shí)現(xiàn)多級菜單的顯示。
2.1 數(shù)組查表
首先需要定義一個(gè)結(jié)構(gòu)體:
current:當(dāng)前頁面的索引號(hào)
up:按下“向上翻“按鈕后要跳轉(zhuǎn)到的頁面索引號(hào)
down:按下“向下翻“按鈕后要跳轉(zhuǎn)到的頁面索引號(hào)
enter:按下“確認(rèn)“按鈕后要跳轉(zhuǎn)到的頁面索引號(hào)
current_operation:當(dāng)前頁面的索引號(hào)要執(zhí)行的顯示函數(shù),這是一個(gè)函數(shù)指針
注意:對于菜單顯示的操作,用到了3個(gè)按鍵,分別是向下、向下和確認(rèn),如果單片機(jī)上的IO資源較為緊張,還可以把“向上翻”按鈕省去,只通過“向下翻”按鈕來實(shí)現(xiàn)循環(huán)訪問,對應(yīng)的結(jié)構(gòu)體也可以去掉該成員。
然后定義一個(gè)表,用來定義各個(gè)頁面間如何跳轉(zhuǎn)
這里解釋一下該表是如何工作的:
此表,表示了4級菜單的顯示關(guān)系(注意第0層其實(shí)只是一個(gè)歡迎界面)
第一層菜單,只有4個(gè)選項(xiàng),因此這里只列了4行(注意最后一個(gè)選項(xiàng)用作返回上一級,無實(shí)際內(nèi)容含義)
第二層菜單,就是對第一層菜單中的3個(gè)實(shí)際的選項(xiàng)進(jìn)行進(jìn)一步的介紹,每種介紹又有4個(gè)子項(xiàng)(注意最后一個(gè)選項(xiàng)也是用作返回上一級,無實(shí)際內(nèi)容含義),因此,這里的第二層菜單列了3x4=12行
第三層菜單,又是對第二層菜單中的子項(xiàng)進(jìn)行進(jìn)一步的介紹(3個(gè)分類,每類有3個(gè)子項(xiàng)),所以第三層菜單列了9行
注意數(shù)組中每一行的第1個(gè)數(shù)組,是索引號(hào),先列舉一個(gè)實(shí)際的例子進(jìn)行分析:

上圖就是一個(gè)實(shí)際的4級菜單要顯示的內(nèi)容,每個(gè)條目前,標(biāo)記了索引號(hào)(0~25),即對應(yīng)數(shù)組在定義的索引號(hào)。
比如數(shù)組關(guān)于第0層和第1層的定義:
先看第一行:索引是0,顯示歡迎界面;后面的兩個(gè)0表示此時(shí)按“上翻”和“下翻”無效,繼續(xù)顯示歡迎界面;再后面的1表示按下“確認(rèn)”按鈕后,跳轉(zhuǎn)到索引1處(即顯示第1級目錄,且指向第1級的第1個(gè)子項(xiàng));最后是此索引要顯示的具體內(nèi)容,fun_0就是控制屏幕顯示歡迎界面
再看第二行:索引是1,顯示第1級目錄,且指向第1級的第1個(gè)子項(xiàng)(天氣);后面的4表示此時(shí)按“上翻”跳轉(zhuǎn)到索引4,即顯示第1級目錄,且指向第1級的第4個(gè)子項(xiàng)(Return);再后面的2表示此時(shí)按“下翻”跳轉(zhuǎn)到索引2,即顯示第1級目錄,且指向第1級的第2個(gè)子項(xiàng)(音樂);再后面的5表示按下“確認(rèn)”按鈕后,跳轉(zhuǎn)到索引5處(即顯示第2級目錄,且指向第2級的第1個(gè)子項(xiàng)-杭州);最后是此索引要顯示的具體內(nèi)容,fun_a1就是控制屏幕顯示第1級目錄,且指向第1級的第1個(gè)子項(xiàng)(天氣)
其它行的含義與之類似
通過分析,不難發(fā)現(xiàn),這些數(shù)組在空間上的關(guān)系:

對于菜單的最底層,因?yàn)闆]有上翻和下翻的功能需求,因此每行的前3個(gè)數(shù)字都是當(dāng)前的索引號(hào):
2.2 具體的顯示函數(shù)
對于函數(shù)要顯示的具體內(nèi)容,根據(jù)自己的實(shí)現(xiàn)需要顯示即可。
這里我使用的是OLED屏幕,借助U8g2圖形庫進(jìn)行內(nèi)容顯示,以下是部分顯示示例:
2.3 按鍵切換頁面
頁面的切換,這里里簡單的按鈕輪詢?yōu)槔热?span id="5tt3ttt3t" class="md-pair-s " style="">初始顯示歡迎界面的狀態(tài)下,按下不同按鍵后,通過數(shù)組查表,確定要跳轉(zhuǎn)到的索引號(hào),然后根據(jù)索引號(hào),通過函數(shù)指針執(zhí)行索引號(hào)對應(yīng)的顯示函數(shù),即實(shí)現(xiàn)了一次頁面切換。
然后,就是在新的頁面狀態(tài),收到下一個(gè)按鈕指令,再切換到下一個(gè)顯示狀態(tài)。
3 演示
測試效果如下:

本篇介紹了一種簡易的多級菜單的顯示方法,本質(zhì)是通過數(shù)組查表,實(shí)現(xiàn)各級菜單的各個(gè)頁面(狀態(tài))的切換(跳轉(zhuǎn)),并在STM32上編程實(shí)現(xiàn),通過OLED屏幕,以及借助U8g2圖形庫,測試了多級菜單的顯示功能。