基于GUILite的簡(jiǎn)易萬年歷

上周看到楊工分享了篇文章《MCU SPI屏也能跑這么炫酷的特效？來，移植起來秀一秀》介紹了GuiLite開源項(xiàng)目的移植使用，看起來很酷。

咱也來實(shí)操一下，做個(gè)基于GUI的簡(jiǎn)易的萬年歷熟悉熟悉一下這個(gè)GUI庫。

關(guān)于這個(gè)GUI庫的介紹可以看楊工的那篇文章，也可以到其倉庫查看：

https://gitee.com/idea4good/GuiLite

這里也貼幾個(gè)demo圖片給大家一起欣賞一下：

移植比較簡(jiǎn)單，這個(gè)庫需要的底層LCD接口不多：

主要需要適配的LCD接口就是一個(gè)畫像素點(diǎn)的函數(shù)：

除此之外還需要準(zhǔn)備一個(gè)毫秒級(jí)延時(shí)函數(shù)給這個(gè)庫使用：

適配好之后我們就可以方面地使用其給我們提供的一些接口了。我們先來實(shí)現(xiàn)一個(gè)簡(jiǎn)易的萬年歷來熟悉一下這個(gè)GUI庫。

在這里有兩種實(shí)現(xiàn)方法：一種是使用RTC，另一種是使用這個(gè)GUI庫給我們提供的一些時(shí)間相關(guān)的操作。

第二種方法具體我還沒去了解，我們就直接使用RTC來做實(shí)驗(yàn)。相關(guān)的代碼工程可以通過文末的方式獲取。

下面簡(jiǎn)單提一下一些需要注意的地方：

1、字體資源

我們使用純LCD驅(qū)動(dòng)接口來顯示一些字符串時(shí)，需要提前準(zhǔn)備好相關(guān)的字庫。

同樣的，使用GuiLite也要提前準(zhǔn)備類似的東西，可以通過GuiLiteToolkit.exe這個(gè)工具來生成，這個(gè)工具也是GuiLite的作者開發(fā)的，也是個(gè)開源軟件。

使用方式也很簡(jiǎn)單，只需簡(jiǎn)單幾步即可生成GuiLite需要的相關(guān)代碼。輸入想要顯示的字符、設(shè)置字體、字體大小，生成代碼：

2、顯示漢字

我們使用純LCD驅(qū)動(dòng)來顯示字符串時(shí)，通常都會(huì)調(diào)用類似這樣的接口：

void LCD_ShowString(uint16_t x,uint16_t y,uint16_t width,uint16_t height,uint8_t size,char *p);
void PutChinese_strings(uint16_t Xpos,uint16_t Ypos,uint8_t *str,uint8_t mode);

在準(zhǔn)備好字庫的情況下，想顯示什么字符串就往這些接口里扔字符串就可以了。

同樣的，GuiLite也給我們提供了一個(gè)類似的接口：

void draw_string(c_surface* surface, int z_order, const char *s, int x, int y, const FONT_INFO* font, unsigned int font_color, unsigned int bg_color, unsigned int align_type = ALIGN_LEFT)

中英文字符串的顯示都是操作這個(gè)接口。需要注意的是，這里顯示中文字符串的方式有點(diǎn)不一樣。比如：

這個(gè)類的成員函數(shù)里面最終需要用到的是utf-8編碼的數(shù)據(jù)。英文字符（ASCII碼字符）是兼容utf-8編碼的，所以轉(zhuǎn)與不轉(zhuǎn)都一樣。

但是中文就不行，必須得轉(zhuǎn)一下。我們可以借用一些在線網(wǎng)站轉(zhuǎn)一下，這樣的網(wǎng)站有很多，這里分享一個(gè)界面很簡(jiǎn)潔的：

https://www.qqxiuzi.cn/bianma/Unicode-UTF.php

這里的\xxx又是什么意思呢？

其實(shí)這也是我們C語言的知識(shí)點(diǎn)之一，我們都知道\n、\r這些都是轉(zhuǎn)義字符，其實(shí)\x后跟的是16進(jìn)制數(shù)據(jù)也代表轉(zhuǎn)義字符。同樣的，\后面跟著八進(jìn)制數(shù)據(jù)也代表轉(zhuǎn)義字符。

只不過這個(gè)知識(shí)點(diǎn)我們平時(shí)用得可能不多，比較容易忘記?？匆粋€(gè)表或許我們就可以記起來了：

所以，其實(shí)在我們C語言中有好幾種打印輸出hello world字符串的方法：

只是我們平時(shí)多用的是第一種方法而已。

在utf-8編碼下，大多數(shù)中文字符用3個(gè)字節(jié)來表示。所以：

"\xe5\xb5\x8c\xe5\x85\xa5\xe5\xbc\x8f\xe5\xa4\xa7\xe6\x9d\x82\xe7\x83\xa9"

表示的就是"嵌入式大雜燴"這一字符串。

3、其它說明

這個(gè)庫GUI庫需要用到標(biāo)準(zhǔn)庫的一些東西，所以需要把keil里面的USE MicroLIB選擇去掉，以便使用標(biāo)準(zhǔn)庫。

如果需要使用打印調(diào)試功能的話，平時(shí)的使用MicroLIB的方法重定向printf函數(shù)就行不通了?？梢圆榭瓷掀P記介紹的另一種方法：《串口打印知多少？》

4、演示

哈哈，一抖一抖的，一秒頓一下。湊合看~

5、代碼工程獲取

這個(gè)實(shí)驗(yàn)很簡(jiǎn)單，移植也比較簡(jiǎn)單，大家可以動(dòng)手玩一下。這個(gè)開源庫提供了很多非常豐富的demo，下載鏈接在這：

https://gitee.com/idea4good/GuiLite

同時(shí)，本實(shí)驗(yàn)基于小熊派開發(fā)板的keil工程也分享一下，照顧一些初學(xué)的、手里也有小熊派的朋友。

百度云鏈接經(jīng)常會(huì)失效這里就不分享了，懶得更新鏈接，還是直接上傳到qq群吧。qq我很少用，qq群基本上是個(gè)死群，那就拿來放資料吧。以后的文章中如果有要分享的demo也直接上傳到qq群。