![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
lvgl
文章平均质量分 78
昵称系统有问题
知识成就梦想。
展开
-
嵌入式UI开发-lvgl+wsl2+vscode系列:8、控件(Widgets)(一)
这里将介绍一系列控件,了解后就可以开始基础的开发了。按钮在最开始的三大控件那里已经介绍过了。这里把原来的LV_FONT_MONTSERRAT_18改成LV_FONT_MONTSERRAT_14,lv_font_montserrat_18也改成lv_font_montserrat_14。模拟环境一些依赖库没有。可以在lv_conf.h中开启对应扩展:#define LV_USE_VECTOR_GRAPHIC 1不开启矢量图扩展会提示:原创 2024-07-01 10:45:29 · 645 阅读 · 0 评论 -
嵌入式UI开发-lvgl+wsl2+vscode系列:7、滚动(Scrolling)
lvgl的教程中将滚动单独放出来做了介绍,可能确实由于嵌入式设备显示屏较小,出现需要滚动的情况比较多,所以滚动也就显得比较重要。接下来我们了解并总结一下各式各样的控件。原创 2024-07-01 10:43:55 · 293 阅读 · 0 评论 -
嵌入式UI开发-lvgl+wsl2+vscode系列:6、布局(Layouts)
这节总结一下整体页面的布局方式,lvgl的布局方式比较少,目前只有flex和grid两大类布局,即弹性布局和网格布局,弹性布局一般就是指定相对位置,网格布局就是将整个页面划分为网格状,我们做其它的UI开发虽然可能有更多的方式,但是基本这两类的布局方式已经足够灵活,满足我们的页面布局要求。基本上布局就这些了,我们设计的页面也都根据网格或者弹性布局做组合和划分。原创 2024-07-01 10:42:47 · 502 阅读 · 0 评论 -
嵌入式UI开发-lvgl+wsl2+vscode系列:5、事件(Events)
这节进行事件的总结,通过事件回调方式将用户和ui的交互行为绑定组合起来。基本上前三种事件就足够大多数场景用了,嵌入式场景一般不会使用特别复杂的UI设计,但是也需要对绘制事件有一个印象,说不定有独特的设计会需要这种事件来支持,特别是实现一些复杂炫酷动画的时候。原创 2024-07-01 10:41:27 · 552 阅读 · 0 评论 -
嵌入式UI开发-lvgl+wsl2+vscode系列:4、动画(Animations)
接下来我们进行动画的总结。掌握动画能让交互更加吸引人,看起来更加炫酷,让用户加深印象,爱不释手。接下来我们了解下事件,基本上动画效果的切换以及前后台的交互都会借助于事件方式来处理。原创 2024-05-28 16:52:09 · 531 阅读 · 0 评论 -
嵌入式UI开发-lvgl+wsl2/macOS+vscode系列:3、style(样式)熟悉及MacOS模拟环境搭建及编译问题解决(‘SDL2/SDL.h‘ file not found)
之前的基础控件已经熟悉了,接下来我们进行样式的熟悉,并且尝试搭建macos的模拟开发环境。常见的样式就这些了,api使用比较简单,常用的一些需求也基本都满足了,接下来来学习总结一下动画。原创 2024-05-28 16:51:19 · 1069 阅读 · 0 评论 -
嵌入式UI开发-lvgl+wsl2+vscode系列:2、label(标签)+button(按钮)+slider(滑块)控件熟悉及其示例demo运行
上节我们主要了解了lvgl以及在Windows上搭建基于wsl2和vscode的lvgl模拟运行环境,其demo程序已经成功运行起来,接下来我们根据其框架将lvgl的一些常用控件demo和示例提取出来在模拟环境下都跑一跑,熟悉一下对应的接口和比较常用的label、button、slider三个控件。基本常用的几个基础控件就先总结到这里,接下来总结一下样式的相关使用。原创 2024-05-27 12:10:53 · 566 阅读 · 0 评论 -
嵌入式UI开发-lvgl+wsl2+vscode系列:1、资料收集以及Windows下WSL2模拟环境运行示例demo
UI界面开发我除了开发Qt比较多之外,就只针对Android的界面开发做过简单了解做了一些demo app,鉴于本人嵌入式Linux和mcu目前使用较多,所以目前来接触一些更加适合mcu、嵌入式Linux等使用的嵌入式ui框架,比如这里的lvgl,以此契机,总结部分lvgl的使用经验,便于以后回顾,也希望达到一个和大家分享交流的目的,只有这样我觉得才能进步的更快。LVGL(轻量级和通用图形库)是一个免费和开源的图形库,它提供了创建嵌入式GUI所需的一切,具有易于使用的图形元素,美丽的视觉效果和低内存占用。原创 2024-05-27 12:07:45 · 697 阅读 · 0 评论