LVGL7.0高级界面开发-1

最新推荐文章于 2025-09-30 11:20:14 发布
原创 最新推荐文章于 2025-09-30 11:20:14 发布 · 1w 阅读 · 77 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用LVGL库在嵌入式环境中创建类似安卓界面，涉及style、TabView、ImageBtn、列表、标签和电量显示组件。通过实例代码展示了如何创建主页菜单、自定义图标、长按功能和动态元素设计。

综合界面开发-1

  1. 创建一个类似安卓的界面，用到的知识有style,tabview,imgbtn,img,list,label,cont，bar。

  2. style用于修改控件的风格

  3. tabview创建一个主页菜单

  4. imgbtn用于自定义图像APP

  5. img纯贴图用

  6. list用于长按APP的快捷方式

  7. label显示文本

  8. bard动态显示电量

  9. cont容器，各种控件都可以放在里面，在屏幕上可以作为一个整体显示，毕竟page、win等也是基于cont创建的，不想显示直接调用lv_obj_del()直接删除，非常好用，一定要掌握哦。

 home_page.c源文件代码

#include "lvgl/lvgl.h"
#include "../inc/gui_gloab.h"
#include "../inc/gui_func.h"

#define TITLE_WIN_SIZE       20

//按键控制
LV_EVENT_CB_DECLARE(imgbtn1_event_handler)
{
最低0.47元/天 解锁文章
LVGL（lv_tabview）
m0_49476241的博客
05-27 758
LVGL图形库中的lv_tabview控件用于创建选项卡式界面，包含标签栏和内容区域，支持滑动切换和样式自定义。通过lv_tabview_create()创建控件，lv_tabview_add_tab()添加页面，可在页面内放置其他控件。提供事件监听、样式配置等功能，适用于系统设置、状态监控等需要分页展示的场景。需注意LVGL v8和v9版本接口差异，开发时应查阅对应版本文档。
lvgl 电池电量显示
不咸不要钱
10-27 5065
lvgl 电池电量显示
LVGL 7.0 开发手册.pdf
09-27
LittlVGL开发手册
LVGL-UI工具
最新发布
09-30 1238
Gui Guider（恩智浦）是PC端GUI设计工具，可以通过拖放控件方式设计LVGL GUI页面，加速GUI设计。设计完成后可在PC上仿真运行，确认设计完毕后生成python脚本，再整合入模组中。完成开发。Gui Guider下载地址。本文将介绍如何使用GUI Guider辅助进行Quecpython LVGL开发。GUI Guider的主要特征支持Windows 10和Ubuntu 20.04。支持中文、英文。兼容LVGL V8.3.5版本。
micropython lvgl_LVGL 7.0 开发手册.pdf
weixin_39601743的博客
12-11 1361
【实例简介】LVGL v7.4.0 API说明LVGL Documentation v7.4.0【实例截图】【核心代码】CONTENTS1 Introduction 21.1 Key features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21.2 Req...
LvglV7.0.2框架(一)
静默与黑白的博客
03-11 933
Lvgl跟系统类似，外部只需调用其心跳计数函数，其内部控制相关任务的运行与控制。lv_tick_inc(x) 控制Lvgl内部tick计数增加xlv_task_handler 循环执行注册的任务。
lvgl7.0移植使用说明
Quard_D的博客
10-23 7228
lvgl7.0移植使用说明 LVGL移植是比较容易的，在源码的porting目录中有以下几个文件: disp文件是显示相关的移植文件，indev是输入设备的相关移植文件，其中输入设备包括触控，鼠标，键盘等。fs是文件系统相关的移植文件，主要是保存一些图像资源在文件系统中。 lv_port_disp 调用lv_disp_buf_init定义1个或2个用于图像计算的缓存buff，最小为显示像素宽度单个像素大小，推荐定义为20x显示像素宽度单个像素大小的buff两个，当然如果内存足够可以定义更多的buff会有
探索未来UI开发：lvgljs项目全面解析
gitblog_00365的博客
08-26 768
探索未来UI开发：lvgljs项目全面解析 在嵌入式系统领域，用户界面的开发往往是一项复杂且耗时的任务。然而，随着技术的不断进步，开源项目lvgljs的出现，为开发者提供了一种全新的、高效的UI开发方式。本文将深入介绍lvgljs项目，分析其技术特点，探讨其应用场景，并总结其独特优势。 项目介绍 lvgljs是一个基于JavaScript的UI开发框架，它允许开发者使用熟悉的JavaScript语...
LVGL7.0高级界面开发-3
qq_36690796的博客
03-27 3761
vs2019开发，还是有点不方便，图片还要编码，然后显示，着实不方便，下一步搞搞freetype也可以显示。 添加LV_PNG 官网上的lv_png拉取，但需要做些修改，静态画面显示没问题，但是让图标动起来，那就“出问题”，显示太慢了。分析源码，可以看出是直接读取文件在解码。 看源码lodepng.c line：418左右。 #ifdef LODEPNG_COMPILE_DISK//从硬盘读取文件并解码 /* returns negative value on error. This sho
LVGL7.0高级界面开发-2
qq_36690796的博客
02-21 3771
自定义键盘 系统定义的键盘不喜欢，反正代码开源，可以自己定制,还可以移动哦。 键盘代码.c文件 #include "lvgl/lvgl.h" #include "../inc/user_keyboard.h" #include <stdio.h> User_Keyboard_info User_Keyboard_t; User_Keyboard_def User_Keyboard_d; lv_obj_t* label2; static const char* btnm_nu
F4_LVGL_stmf407lvgl_STM32LVGL7.0移植_stm32f407lvgl_stm32lvgl_lvgl测
09-11
标题中的"F4_LVGL_stmf407lvgl_STM32LVGL7.0移植_stm32f407lvgl_stm32lvgl_lvgl测试"表明这是一个关于将LVGL图形库移植到STM32F407微控制器上的项目。这个项目可能包含了从低级驱动到高级应用层的完整流程，用于在...
 LGVL7.0教程
qq_36690796的博客
01-03 3275
新的一年又开始了，定个小目标，写一套LVGL7.0的教程,（快8.0了，不知道改动大不大） 号称可以媲美安卓的UI，一点点实现一下安卓的长按图标弹出快捷菜单，APP移动、删除，登录密码，下拉通知栏等。 以下是目录：(还没开始写) ...
LVGL Documentation v7.3.0.pdf
08-10
1 Introduction 2 1.1 Key features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1.2 Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.3 License . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.4 Repository layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.5 Release policy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1.6 FAQ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 2 Get started 8 2.1 Quick overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 2.2 Simulator on PC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 2.3 STM32 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 2.4 NXP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.5 Espressif (ESP32) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.6 Arduino . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.7 Micropython . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.8 NuttX RTOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 3 Porting 25 3.1 System overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 3.2 Set-up a project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26 3.3 Display interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 3.4 Input device interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 3.5 Tick interface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 3.6 Task Handler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 3.7 Sleep management . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 3.8 Operating system and interrupts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 3.9 Logging . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 4 Overview 48 4.1 Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 4.2 Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 4.3 Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 4.4 Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58 4.5 Input devices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 4.6 Displays. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91 4.7 Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 4.8 Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 4.9 File system . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 4.10 Animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 i 4.11 Tasks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137 4.12 Drawing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 5 Widgets 149 5.1 Base object (lv_obj). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 5.2 Arc (lv_arc) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 5.3 Bar (lv_bar) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 5.4 Button (lv_btn) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193 5.5 Button matrix (lv_btnmatrix) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202 5.6 Calendar (lv_calendar) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210 5.7 Canvas (lv_canvas) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217 5.8 Checkbox (lv_cb) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226 5.9 Chart (lv_chart) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231 5.10 Container (lv_cont) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
lvgljs，用 javascript 来写 lvgl UI
qq_35291168的博客
10-16 2383
lvgljs 是一个以 quickjs 作为 javascript 引擎、UI 层使用 lvgl 驱动的跨端 UI 框架，可以像 react 一样写 UI，欢迎大家去 github [lvgljs](https://github.com/Sxs7513/lvgljs) UI Code 如下： <img src="https://github.com/Sxs7513/lvgljs/blob/master/demo/screenshoot/code.png?raw=true" /> <b
LVGL开发：配置模拟器学习LVGL V8.3
天城电子嵌入式的博客
07-14 2964
像按钮、标签、滑块、图表等图形元素都派生于widget，LVGL有屏幕的概念，各Widget组件在创建时，需要指定父对象，子对象只在父对象区域内可见，随着父对象移动而移动、删除而删除。可以为一个对象分配一个或多个回调函数，当对象被点击、释放、拖动、删除等操作时，这些回调函数将被调用。在WINDOWS下面，大家最常使用的是VS2019，为了和大家保持一致，这里也使用VS2019进行配置。除了每个Widget对象都有的基本属性之外，对于每个控件特有的属性，可以通过函数。创建Widget对象，
microPython环境下的lvgl开发心得
qq_37333737的博客
09-11 5446
microPython环境下的lvgl是c代码通过pycparser转换成python代码的。因此没有python环境下的源文件。发开需依靠REPL（交互式控制台）调出文档配合c源码进行。 以变换内置主题为例，记录下开发思路。 打开REPL，输入 import lvgl as lv help(lv) 得到类lv下所有的方法和类，查找theme相关，有如下方法： theme_set_current -- <function> theme_get_current -- <funct
LVGL 8.2 Tabview
mygod2008ok的专栏
07-17 2047
LVGL 8.2 Tabview
LVGL学习记录：按键
moshanghuaw的博客
01-10 4706
程序 #include <lvgl.h> #include <TFT_eSPI.h> /*If you want to use the LVGL examples, make sure to install the lv_examples Arduino library and uncomment the following line. #include <lv_examples.h> */ // #include <lv_demo.h>
LVGL--选项卡部件(lv_tabview)
m0_63472758的博客
02-28 2264
图上有四个选项卡，有消息，文档，日程，会议。选项卡部件组成部分，主体，按钮。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值