怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)

1、GUIlite

Guilite是一个轻量级的全平台 GUI库,仅 4千行C 代码,0依赖,单一头文件库(GuiLite.h);适用于:物联网、嵌入式、单片机、桌面应用。高效渲染,单片机上也能流畅运行。

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

https://gitee.com/idea4good/GuiLite

这里也贴几个demo图片给大家看一下:

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(1)

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(2)

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(3)

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

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(4)

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

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(5)

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

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(6)

适配好之后我们就可以方便地使用其给我们提供的一些接口了。我们先来实现一个简易的万年历来熟悉一下这个GUI库。在这里有两种实现方法:一种是使用RTC,另一种是使用这个GUI库给我们提供的一些时间相关的操作。第二种方法具体我还没去了解,我们就直接使用RTC来做实验。相关的代码工程可以通过文末的方式获取。

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

2、字体资源

我们使用纯LCD驱动接口来显示一些字符串时,需要提前准备好相关的字库。同样的,使用GuiLite也要提前准备类似的东西,可以通过GuiLiteToolkit.exe这个工具来生成,这个工具也是GuiLite的作者开发的,也是个开源软件。

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

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(7)

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(8)

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(9)

3、显示汉字

我们使用纯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)

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

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(10)

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

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

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

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(11)

这里的\x又是什么意思呢?

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

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

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(12)

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

怎样开发gui最简单(分享一个基于全平台GUI库GUILite的简易万年历)(13)

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

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

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

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

4、其它说明

这个库GUI库需要用到标准库的一些东西,所以需要把keil里面的USE MicroLIB选择去掉,以便使用标准库。如果需要使用打印调试功能的话,平时的使用MicroLIB的方法重定向printf函数就行不通了。可以查看之前的笔记介绍的另一种方法:串口打印你知道多少?

5、演示

6、代码工程获取

这个实验很简单,移植也比较简单,大家可以动手玩一下。需要本工程的朋友,可私信我,回复:基于GUILite的万年历,我看到的话会发给你。

除此之外,这个开源库提供了很多非常丰富的demo,下载链接在这:

https://gitee.com/idea4good/GuiLite

以上就是本次的分享,如果文章对你有帮助,麻烦帮忙转发,谢谢!

猜你喜欢:

串口打印你知道多少?

C语言、嵌入式中一些非常实用的宏技巧

嵌入式、C语言位操作的一些常见用法归纳

C语言、嵌入式项目中一些常用知识及技巧第一弹


1024G 嵌入式资源大放送!包括但不限于C/C 、单片机、Linux等。私信回复1024,即可免费获取!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页