【实践】基于GUILite的简易万年历


关于这个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

这里的\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,下载链接在这

https://gitee.com/idea4good/GuiLite



文章作者: 杂烩君
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 杂烩君 !
  目录