关于这个GUI库的介绍可以到其仓库查看:
这里也贴几个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编码的,所以转与不转都一样。
但是中文就不行,必须得转一下。我们可以借用一些在线网站转一下,这样的网站有很多,这里分享一个界面很简洁的:
这里的\x又是什么意思呢?
其实这也是我们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,下载链接在这