第一节 LVGL入门

已于 2023-02-18 17:29:24 修改
阅读量881 收藏 7
点赞数
分类专栏： 实战LVGL系列 文章标签： stm32 单片机 mcu ui LVGL
于 2023-02-18 16:04:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/picassocao/article/details/129101099
版权
LVGL是一个轻量且功能丰富的开源图形库，适用于嵌入式系统。它支持多种输入设备，拥有丰富的图形特性，并且易于移植。为了优化LVGL的运行效果，可以提升芯片主频、增加内存和图形缓冲区等。LVGL官网和GitHub仓库提供了相关资料和代码。
摘要由CSDN通过智能技术生成

GUI 简介

GUI：图形用户界面，是指采用图形方式显示的计算机操作用户界面

优势：易用，大大降低用户学习成本

在这里插入图片描述

GUI库：图形用户界面库，只要调用GUI库的函数即可快速绘制出所需要的用户界面。

在这里插入图片描述

GUI库优势：

  • 开饭难度低
  • 可移植性高
  • 风格统一、协调

嵌入式系统中常用的GUI库

在这里插入图片描述

LVGL简介

LVGL（ Light and Versatile Graphics Library ）是一个轻量、多功能的开源图形库。

  • 支持多种输入设备
  • 部件、功能丰富
  • 具备高级图形特征
  • 支持多种样式属性
  • C语言编写

官网：https://lvgl.io

LVGL移植要求

  • 16、32 或 64 位微控制器或处理器
  • 主控频率：>16Mhz
  • Flash/ROM：> 64kb，建议180kb以上
  • RAM：>8kb，建议24kb以上
  • 图形缓冲区：>水平分辨率像素，建议大于1/10屏幕总像素
  • C99或更新的版本的编译器

注意：此要求仅针对V8版本的LVGL

优化LVGL运行效果的方法

  • 提高芯片主频
  • 增大SRAM容量、提高读写速度
  • 增大图形缓冲区、使用双缓冲
  • 减小需要刷新的总像素
  • 提高图像数据的传输速度

关键点：缩短图像刷新所需要的时间

LVGL资料获取

  • 途径1：LVGL官网，https://lvgl.io
  • 途径2：LVGL的GitHub仓库，https://github.com/lvgl/lvgl

LVGL库文件介绍

在这里插入图片描述

学习LVGL之前建议掌握的知识

在这里插入图片描述

PicassoCao
关注
专栏目录
LVGL库入门 01 - 样式
LearnLHC的博客
11-02 1205
在 LVGL 中，样式都是以对象的方式存在，一个对象可以描述一种样式。每个控件都可以独立添加样式，创建的样式之间互不影响。可以使用lv_style_t样式是延迟渲染的，因此需要使用static存储类别说明符或将其声明为全局变量。样式是多方面的，不仅包括颜色和形状，还包括边距、边框，甚至动画变换效果等细节。
LVGL库入门教程01-移植到STM32（触摸屏）
m0_56069948的博客
06-13 5562
LVGL(Light and Versatile Graphics Library)是一个免费、开源的嵌入式图形库，可以创建丰富、美观的界面，具有许多可以自定义样式的控件，支持按键或触摸响应，支持中文字符，并且内存占用较低。可以在 https://lvgl.io/demos 使用网页端体验 LVGL 的动态效果，再决定是否需要使用 LVGL 。LVGL 使用 C 语言编写，可以用在树莓派、ESP32 、STM32 等单片机上，并支持各种中大型屏幕（只需要提供屏幕的绘图 API 即可）。LVGL 的官网地址为
LVGL_V8.3入门七---手表页面管理、任务调度(完结篇)
xddwg521125的博客
01-27 3092
用过手环或者手表的朋友，手表页面切换主要有两种方式。第一种是利用触摸屏进行页面的切换，第二种是利用物理按键例如手表侧面的按钮。然后就会涉及到如何进行页面的管理，从一个页面如何切换到另外页面，如果我想要返回，返回到哪个页面。本文介绍如何利用栈的方式进行LVGL页面的管理以及利用FreeRTOS进行页面管理。实验现象一：利用STM32F7开发板上面的物理按键实现从手表主页面切换到菜单页面，再次按下切换到主页面实验现象二：利用触摸屏进行页面切换。FreeRTOS进行任务管理。
【LVGL快速入门(一)】LVGL开源框架入门教程之框架移植
meno的博客
10-02 1278
LVGL是一款开源的嵌入式GUI框架。轻量级和灵活性是其著有的特征。我们在开发如智能手表，仪器表盘时可以采用这个框架。
【LVGL】【入门】基础知识概念篇
m0_55251293的博客
12-12 877
LVGL(Light and Versatile Graphics Library)是一个轻量、多功能的开源图形库。代码托管于github仓库点击进入官网了解更多信息example - porting 是输入输出接口。
【快速入门 LVGL】-- 1、STM32 工程移植 LVGL
热门推荐
qq_49053936的博客
04-03 2万+
STM32移植LVGL
LVGL快速入门笔记
weixin_64593595的博客
06-24 2092
快速了解掌握LVGL的案例以及使用。
LVGL入门手册
zx8yhh8的博客
03-01 6804
LVGL的项目作者是来自匈牙利首都布达佩斯的 Gábor Kiss-Vámosi。Kiss 在2016年将其并发布在GitHub上。当时叫 LittlevGL而不是LVGL，后来作者统一修改为 LVGL 甚至连仓库地址都改了。像一般的开源项目的那样，它是作为一个人的项目开始的。从那时起，陆续有近 100 名贡献者参与了项目开发，使得 LVGL 逐渐成为最受欢迎的嵌入式图形库之一。
LVGL库入门教程 - 颜色和图像
qq_45562973的博客
06-24 9036
在 LVGL 中，颜色以结构 表示。在最开始移植整个工程时，曾经在 中修改过颜色深度： LVGL 会自动根据所选的颜色深度创建合适的颜色结构。在接下来几处位置还有几个与颜色有关的配置选项，可以参照注释修改。例如，16 位 big-endian 的颜色定义为： 那么就可以根据该结构创建合适的颜色值了： 直接创建 RGB565 的颜色格式有点难以调色，不过可以借用以下函数从十六位颜色中生成合适的颜色值： 这些颜色在创建时，每种颜色通道的值都使用 0~255 表示即可，创建过程中会自动转换为合适的颜色值。LV
LVGL库入门 03 - 动画
LearnLHC的博客
11-02 2462
这也很好理解：样式在创建的过程中可能发生多次修改，因此需要确定最终的表现结果如何，再着手绘制，否则整个控件可能会重绘多次，占用大量无效的资源。函数中去获取一个控件的位置、宽度等信息，由于它们都属于样式的一部分，此时还没有实际计算，因此得到的可能是默认值，造成动画始末效果偏离预期轨迹。除此之外，两者的区别还有：过渡只是样式的一部分，而动画和样式之间是独立的。LVGL 的官方文档还给出了一个示例，可以实现类似圆形的旋转滚动，效果非常不错，不过涉及的计算较多，感兴趣的可以自行阅读官方文档。
LVGL-CodeBlocks学习
最新发布
weixin_69945979的博客
10-29 1183
注意此处的LVGL的第三方库文件里，不要包含关于FATFS的文件，若包含，就要移除，否则编译会出现相同文件的错误。来到lv_fs_fatfs.c，修改对应的延时函数以及LED灯函数和LCD显示函数。剪切到syscall.c下，原本的syscall的函数全部删除。在lv_port_indev_template.c下。打开lv_config.h文件，打开使用文件管理的宏。注意这里的字体声明需要和.C文件下的数组名字对应上。修改diskio.c下的文件，将文件最下面的函数。在lv_mainstart.c下。
LVGL教程/学习文档
12-23
gui lvgl
lvgl_gui.rar
04-03
基于esp32移植lvgl，此部分代码是esp-iotsolution下的组件components下hmi中的lvgl_gui文件夹，原始的从github拷贝下来的文件夹，在demo编译时候会各种报错，本文件夹是解决了各种依赖报错（如头文件路径、子目录层级）后发上来的，可以下载替换esp-iotsolution里的对应文件夹，缩短开发周期。建议直接编译lvgl_example试试效果。
LVGL库入门 04 - 颜色与图像
LearnLHC的博客
11-02 3747
lv_color_t dark_purple = lv_palette_darken(LV_PALETTE_PURPLE, 2) // 调深两级，最多可以调深或浅 4 级。注意在创建的过程中，将以上图片应用到按钮的普通状态（即什么事件都没有的状态）的外观中。注意转换完成后得到的是一个完整的源文件，文件名同时也是图片的变量名。这里的位置是由比例衡量的，渐变区域在每个方向都被划分为 256 份，例如 128 代表中间位置，255 代表结束位置等。由于标签的宽度是不确定的，因此中间的图片必须是水平可平铺的。
LVGL入门
m0_73731708的博客
01-27 695
LVGL（Light and Versatile Graphics Library）是一款开源的嵌入式图形库，专门为嵌入式系统设计。它提供了丰富的绘图组件和用户界面控件，可以用于构建直观、美观和交互式的图形用户界面。跨平台支持：LVGL可以在多个硬件平台和操作系统上运行，包括ARM Cortex-M、ARM Cortex-A、ESP32、Raspberry Pi等嵌入式平台。硬件友好：LVGL开发时考虑了嵌入式系统资源受限的情况，因此具有较小的内存占用和较低的处理器要求。
带你了解LVGL：一个开源的嵌入式图形库
wpgddt的博客
04-27 2万+
本文的目的是介绍一个开源的嵌入式图形库- LVGL（Light and Versatile Graphics Library）。LVGL是一个适用于各种嵌入式平台和显示器的GUI库，它提供了丰富的控件、主题、动画、字体、图像等元素，以及灵活的布局和事件处理机制。本文将介绍LVGL的主要特点、架构、使用方法和应用领域，并且展示一些LVGL的示例和效果。
LVGL使用入门
ylxwk的博客
11-07 877
附件文档主要介绍linux下从下载到运行lvgl的流程。 lvgl创建线条，宽度自适应 lvgl tabview 常用操作 lvgl 自定义键盘创建和调整 label 不显示省略号
LVGL入门 常用的几个命令（个人笔记）
qq_44810226的博客
10-27 3093
前言：学习LVGL的过程中，常常知道有这个命令，也知道大概怎么用。但总想不起来命令叫什么,在整个库中找也显得麻烦,搞得每次写程序还要翻之前的Demo 所以在这里将学习过程中用到的命令 存放在这里，方便再使用的时候方便的找到命令名字。
第四节LVGL部件使用
08-19
第四节LVGL部件使用是关于LVGL库中的部件使用内容。根据给出的引用，我们可以看出部件的组成是由主体、指示器和旋钮这三个主要部分组成。对于加载器部件，主体、指示器和手柄是其组成部分。对于滑块部件，主体、指示器和旋钮是其组成部分。对于圆弧部件，背景弧、前景弧和旋钮是其组成部分。因此，第四节LVGL部件使用将涵盖加载器部件、滑块部件和圆弧部件的使用方法和功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [第四节 LVGL部件使用](https://blog.csdn.net/picassocao/article/details/129102598)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值