基于GUILite的简易万年历

上周看到杨工分享了篇文章《MCU SPI屏也能跑这么炫酷的特效？来，移植起来秀一秀》介绍了GuiLite开源项目的移植使用，看起来很酷。

咱也来实操一下，做个基于GUI的简易的万年历熟悉熟悉一下这个GUI库。

关于这个GUI库的介绍可以看杨工的那篇文章，也可以到其仓库查看：

https://gitee.com/idea4good/GuiLite

这里也贴几个demo图片给大家一起欣赏一下：

移植比较简单，这个库需要的底层LCD接口不多：

主要需要适配的LCD接口就是一个画像素点的函数：

除此之外还需要准备一个毫秒级延时函数给这个库使用：

适配好之后我们就可以方面地使用其给我们提供的一些接口了。我们先来实现一个简易的万年历来熟悉一下这个GUI库。

在这里有两种实现方法：一种是使用RTC，另一种是使用这个GUI库给我们提供的一些时间相关的操作。

第二种方法具体我还没去了解，我们就直接使用RTC来做实验。相关的代码工程可以通过文末的方式获取。

下面简单提一下一些需要注意的地方：

1、字体资源

我们使用纯LCD驱动接口来显示一些字符串时，需要提前准备好相关的字库。

同样的，使用GuiLite也要提前准备类似的东西，可以通过GuiLiteToolkit.exe这个工具来生成，这个工具也是GuiLite的作者开发的，也是个开源软件。

使用方式也很简单，只需简单几步即可生成GuiLite需要的相关代码。输入想要显示的字符、设置字体、字体大小，生成代码：

2、显示汉字

我们使用纯LCD驱动来显示字符串时，通常都会调用类似这样的接口：

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);

在准备好字库的情况下，想显示什么字符串就往这些接口里扔字符串就可以了。

同样的，GuiLite也给我们提供了一个类似的接口：

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)

中英文字符串的显示都是操作这个接口。需要注意的是，这里显示中文字符串的方式有点不一样。比如：

这个类的成员函数里面最终需要用到的是utf-8编码的数据。英文字符（ASCII码字符）是兼容utf-8编码的，所以转与不转都一样。

但是中文就不行，必须得转一下。我们可以借用一些在线网站转一下，这样的网站有很多，这里分享一个界面很简洁的：

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

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

其实这也是我们C语言的知识点之一，我们都知道\n、\r这些都是转义字符，其实\x后跟的是16进制数据也代表转义字符。同样的，\后面跟着八进制数据也代表转义字符。

只不过这个知识点我们平时用得可能不多，比较容易忘记。看一个表或许我们就可以记起来了：

所以，其实在我们C语言中有好几种打印输出hello world字符串的方法：

只是我们平时多用的是第一种方法而已。

在utf-8编码下，大多数中文字符用3个字节来表示。所以：

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

表示的就是"嵌入式大杂烩"这一字符串。

3、其它说明

这个库GUI库需要用到标准库的一些东西，所以需要把keil里面的USE MicroLIB选择去掉，以便使用标准库。

如果需要使用打印调试功能的话，平时的使用MicroLIB的方法重定向printf函数就行不通了。可以查看上篇笔记介绍的另一种方法：《串口打印知多少？》

4、演示

哈哈，一抖一抖的，一秒顿一下。凑合看~

5、代码工程获取

这个实验很简单，移植也比较简单，大家可以动手玩一下。这个开源库提供了很多非常丰富的demo，下载链接在这：

https://gitee.com/idea4good/GuiLite

同时，本实验基于小熊派开发板的keil工程也分享一下，照顾一些初学的、手里也有小熊派的朋友。

百度云链接经常会失效这里就不分享了，懒得更新链接，还是直接上传到qq群吧。qq我很少用，qq群基本上是个死群，那就拿来放资料吧。以后的文章中如果有要分享的demo也直接上传到qq群。