12864液晶使用教程分享 基于MCU菜單框架設(shè)計(jì)方案

轉(zhuǎn)自 | 嵌入式云IOT技術(shù)圈

微信公眾號(hào)?|?嵌入式專欄

?

不知道有多少人折騰過(guò)液晶顯示的菜單，我覺(jué)得很多人都應(yīng)該搞過(guò)，我還記得以前大學(xué)參加電子設(shè)計(jì)競(jìng)賽獲獎(jiǎng)的作品，我就用到了一個(gè)12864，里面有菜單功能。

以前可能覺(jué)得菜單高大上，其實(shí)并不是想象中的復(fù)雜，本文為大家分享一個(gè)用單色屏做的菜單框架。

概述

?

代碼托管在github：

https://github.com/wujique/stm32f407/tree/sw_arch?

?

本處所說(shuō)的菜單是用在128*64這種小屏幕的菜單，例如下面這種，不是彩屏上的GUI。

?

菜單框架設(shè)計(jì)

作為一個(gè)底層驅(qū)動(dòng)工程師，驅(qū)動(dòng)寫完了，是要寫硬件測(cè)試程序的。這個(gè)測(cè)試程序，一般給測(cè)試部/硬件工程師用來(lái)測(cè)試硬件， 也會(huì)給工廠產(chǎn)線測(cè)試準(zhǔn)成品。

開(kāi)始的人偷懶，不想一秒就直接上，所有菜單都這樣做，一層套一層

當(dāng)菜單越來(lái)越多，就開(kāi)始糾結(jié)了，這樣寫維護(hù)不便，看起來(lái)也不美，還浪費(fèi)程序空間。

作為一個(gè)天天看《編程之美》的碼農(nóng)，決定改變現(xiàn)狀?？峁钒俣纫环?，找到了兩個(gè)參考：《基于二叉樹(shù)的多層的液晶菜單界面設(shè)計(jì)》 《基于節(jié)點(diǎn)編號(hào)的通用樹(shù)狀菜單設(shè)計(jì)方法與實(shí)現(xiàn).pdf》 按照他們的設(shè)計(jì)方法，鼓搗了一個(gè)版本，能用，挺好，但是也糾結(jié)。因?yàn)樗麄冇昧藰?shù)這種數(shù)據(jù)結(jié)構(gòu)。對(duì)于程序運(yùn)行來(lái)說(shuō)，非常好，效率高。但是對(duì)于我來(lái)說(shuō)，菜單代碼是一次性的，但是菜單內(nèi)容，卻是會(huì)經(jīng)常改的。讓我用人腦去維護(hù)一個(gè)包含幾十個(gè)上百個(gè)菜單的樹(shù)，不容易。

想來(lái)想去，這些菜單到底有什么不好？對(duì)于我來(lái)說(shuō)，為什么不好用？得出下面結(jié)論：

?

根據(jù)需求，我重新設(shè)計(jì)了一個(gè)菜單結(jié)構(gòu)體

是的，就這么簡(jiǎn)單，每一個(gè)菜單都是這個(gè)結(jié)構(gòu)體 用這個(gè)結(jié)構(gòu)體填充一個(gè)列表，就是我們的菜單了






以上是例程

這個(gè)菜單列表有什么特點(diǎn)和要求呢？1 需要一個(gè)根節(jié)點(diǎn)和結(jié)束節(jié)點(diǎn) 2 子節(jié)點(diǎn)必須跟父節(jié)點(diǎn)，類似下面結(jié)構(gòu)

維護(hù)菜單，就是維護(hù)這個(gè)列表，添加刪除修改，非常容易。那菜單程序怎么樣呢？管他呢。定義好菜單后，通過(guò)下面函數(shù)運(yùn)行菜單，

?emenu_run(WJQTestLcd,?(MENU?*)&WJQTestList[0],?sizeof(WJQTestList)/sizeof(MENU),?FONT_SONGTI_1616,?2);????????

-第1個(gè)參數(shù)是在哪個(gè)LCD上顯示菜單， -第2個(gè)是菜單列表， -第3個(gè)是菜單長(zhǎng)度， -第4個(gè)四字體， -第5則是行間距

注意：運(yùn)行這個(gè)菜單需要有rtos，因?yàn)椴藛未a是while(1)的，陷進(jìn)去就不出來(lái)了。需要有其他線程(TASK)維護(hù)系統(tǒng)，例如按鍵掃描。

菜單實(shí)現(xiàn)效果

相關(guān)文件：emenu.c、emenu.h、emenu_test.c

當(dāng)前代碼：?

1實(shí)現(xiàn)了雙列菜單，用數(shù)字鍵選擇進(jìn)入下一層。每頁(yè)最多顯示8個(gè)菜單（4*4鍵盤用1-8鍵）

2 實(shí)現(xiàn)了單列菜單，通過(guò)上下翻查看菜單，確認(rèn)鍵進(jìn)入菜單。3 天頂菜單未實(shí)現(xiàn)，誰(shuí)有興趣可以加上。

3 基于LCD驅(qū)動(dòng)架構(gòu)，這個(gè)簡(jiǎn)易菜單自適應(yīng)于多種LCD。

效果如下，有需要的盡管拿去，不用謝。

顯示效果

128*64 OLED

128*128 tft lcd

320*240 tft lcd

?

最后說(shuō)明

以上菜單框架來(lái)源屋脊雀工作室，適合初學(xué)者練習(xí)。我看下這個(gè)菜單框架，其實(shí)還有很多改進(jìn)地方。

我當(dāng)初大學(xué)電子設(shè)計(jì)競(jìng)賽用到類似結(jié)構(gòu)體方式，但我那菜單框架用到了二級(jí)指針，可以做到無(wú)限極擴(kuò)展，而且可以指向（跳轉(zhuǎn)）任意菜單，方便按鍵進(jìn)入、返回等操作。

本文就分享到這里，感興趣的讀者可以自己寫一個(gè)菜單框架。