littleVGL
snaygo
万事胜意,往事清零。
展开
-
LittleVGL之标签控件
标签,其实生活中接触到的标签很多,就是简短的商品介绍或者单价啥的。说白了就是简短的一两句话,可以英文也可以中文。接下来介绍一下标签控件; void label_test(void){ lv_obj_t * label1 = lv_label_create(lv_scr_act(), NULL); lv_label_set_long_mode(label1, LV_LABEL_LONG_BREAK); /*Break the long lines*/ lv_label_se原创 2021-04-13 16:02:57 · 280 阅读 · 0 评论 -
LittleVGL之日历控件
对于日历控件,顾名思义。和日历样式一样,我们先看效果图;对于图中所示的样式一样,我们可以通过程序可以任意设置其样式和跳转到固定日期。static void calender_event_handler(lv_obj_t * obj, lv_event_t event){ if(event == LV_EVENT_CLICKED) { lv_calendar_date_t * date = lv_calendar_get_pressed_date(obj); i原创 2021-04-13 15:43:04 · 167 阅读 · 0 评论 -
LittleVGL-列表控件
lv_list 列表控件是由一个作为背景的 page 页面和一些作为列表项的按钮构成的,其中的 每一个列表项按钮是由可选的左右俩部分构成,左侧是用来放图标的,右侧是用来放文本的,具体的构成示意图如下所示:直接拍运行效果:代码如下:void list_event_handler(lv_obj_t * obj, lv_event_t event){ if(event == LV_EVENT_CLICKED) { printf("Clicked: %s\n", lv_list_原创 2021-04-09 10:58:27 · 807 阅读 · 0 评论 -
LittlVGL之线条控件
这里不对线条控件讲太多原理;看效果再讲就是这样,可以根据需求任意勾勒线条;可以根据数学公式也任意进行勾画;比如画椭圆,画⚪,当然这样会很麻烦;画线条线表还是很方便;代码解释如下:void line_test(void){ static const lv_point_t line_Ins[] = {{30,90} ,{30,25},{720,25},{720,450},{30,450},{30,85},{720,85},{720,145},{30,145},{30,210},{720,210}原创 2021-04-09 08:57:28 · 816 阅读 · 0 评论 -
Little VGL之仪表控件
对于仪表控件,类似于汽车仪表盘一样;也是已经继承好的,我们只需设置修改即可;代码如下:void gauge_test(void){ /*Create a style*/ static lv_style_t style; lv_style_copy(&style, &lv_style_pretty_color); style.body.main_color = lv_color_hex3(0x666); /*开始的刻度条颜色*/ style原创 2021-04-09 08:56:47 · 389 阅读 · 0 评论 -
LittleVGL-键盘控件
前面讲述了独立按钮以及矩阵按钮,会了前两者之后,接下来的矩阵键盘按钮可能会惊艳到你。先看仿真效果;这个仿真出来的键盘就是littleVGL图形化界面上的一个简单控件,几行代码就完整的将其功能实现,接下来贴出代码:`void kb_test(void){ /*Create styles for the keyboard*/ static lv_style_t rel_style, pr_style; lv_style_copy(&rel_style, &lv原创 2021-04-07 09:42:48 · 655 阅读 · 0 评论 -
LittleVGL入门之矩阵按钮控件
故名思意,按钮就是单独的一个按键。但是,相对于矩阵来说,那最通俗的就是很多个按钮封装到一个容器里,然后组成了矩阵的形状。具体的和按钮的功能是一样的。常见的矩阵按钮有26拼打字的键盘以及数字输入法等等。下面开始介绍LittleVGL中 的矩阵按钮控件如何使用。//矩阵按钮事件回调函数static void btm_event_handler(lv_obj_t * obj, lv_event_t event){ if(event == LV_EVENT_VALUE_CHANGED) {原创 2021-04-07 09:35:22 · 313 阅读 · 1 评论 -
LittleVGL入门之按钮控件
说起来按钮控件,其实就是一个按键,只不过这个按键可以操作样式,还可以选择按下弹起或者按下不弹起等状态。通过事件回调函数都按键按下所需要执行的内容进行处理。上代码;static lv_obj_t * btn1; //按键对象一定要是全局变量,因为在按钮函数里用完设置之后还需要在事件回调函数里进行引用判断static lv_obj_t * btn2;static lv_obj_t * btn_label;//这个标签控件一般是局部变量,但是为了显示效果,这里将其通过按钮按下显示不同的内容static原创 2021-04-07 09:23:29 · 506 阅读 · 0 评论 -
LittleVGL开发之显示中文字体以及矢量图标
一般图形化界面开发都需要有中文显示,原来的时候用stm32开发LCD屏幕都是通过软件生成文字字库,然后进行调用字库。但是现在是基于图形化界面的系统,那么显示中文,当然会和原来的方式有所不同。一下方式是基于LittleVGL图形化界面系统的中文显示。首先,字体应该是属于一个样式style,我们设置好这个样式之后调用即可。我们先来看如何生成字体,字体有什么区别。1.字体都有不同的样式,有楷体,宋体,数码管字体,华文行楷等等。我们则需要准备对应的字体文件。一般windows系统下,在以下目录可以找到电脑安装原创 2021-04-06 09:34:28 · 1517 阅读 · 0 评论 -
LittleVGL开发之控件介绍
1.lv_obj基础对象这个的功能就是你在应用某个控件的时候,可以对你的控件进行设置;例如调整大小,色彩,摆放位置等等。所有的控件都可以是对象。 littleVGL是以对象为概念的,而其最核心的基础对象是lv_obj控件,其他的所有专用控件 (比如按钮,标签,列表等)都是在此 lv_obj 对象的基础上衍生出来的,所有的控件对象都具有一 些共同的属性,如下所示:1) 位置(Position)2) 大小(Size)3) 父类(Parent)4) 是否可拖拽(Drag enable)5) 是否可点击原创 2021-03-31 10:23:19 · 1458 阅读 · 0 评论 -
LittleVGL入门
首先说明一下littleVGL,我进行开发的时候就参考了一个官网链接和哔哩哔哩的一套正点原子开源视频和开发文档,链接贴出来如下:微雪课堂手把手教你学LittleVGL哔哩哔哩视频链接就这三个链接,开发图形化界面足矣。国内对于littleVGL的资料并不多,可能应用上的范围比较狭窄。但是相对于littleVGL的集成度和可移植性,轻量化的角度来看,littleVGL绝对是开发图形界面最好的工具。接下来我们来看一下需要准备的材料,在没有时间看视频的情况,可以看我的说明,可能对读者的用处更大。我把我走过原创 2021-03-31 08:59:12 · 3631 阅读 · 3 评论 -
stm32图形化界面开发之littleVGL
其实谈到单片机图形化界面开发,一般貌似都是小马拉大车。简单的界面可以操作,stm32处理起来也没有问题。但是考虑到一个完整的图形化界面系统呢,比如很多个界面需要来回进行切换。时不时的看个图片,打个字,听个歌啥的。这些,stm32能满足你吗?其实这样看来,简单的操作是不可能满足的。但是在图形化界面系统的开发下,小马拉大车问题就可以缓解甚至解决。接下来我讲述关于littleaVGL图形化界面的开发。之所以选择littleVGL开发,一是 资料少。二是控件多,可以选择。三是集成度高,有主题。四是有仿真,可以先运原创 2021-03-31 00:41:53 · 5121 阅读 · 0 评论