LVGL

2024/4/12 10:55:40

最新Ubuntu LVGL SDL模拟器安装

前言 本文主要说明Ubuntu 23.4安装LVGL 9.0以及基于SDL的模拟环境。 代码下载 访问lv_port_pc_eclipse可以看到相信信息,官方已经打包好了整个代码环境。 安装CMAKE。 sudo apt install cmake安装SDL。 sudo apt-get update && sudo apt-get install …

LVGL学习笔记 30 - List(列表)

目录 1. 添加文本 2. 添加按钮 3. 事件 4. 修改样式 4.1 背景色 4.2 改变项的颜色 列表是一个垂直布局的矩形,可以向其中添加按钮和文本。 lv_obj_t* list1 lv_list_create(lv_scr_act());lv_obj_set_size(list1, 180, 220);lv_obj_center(list1); 部件包含&…

Lvgl9 WindowsSimulator Visual Studio2017

因为在操作过程中遇到了一些错误,所以将操作及解决问题的过程记录下来。 一、下载lv_port_pc_visual_studio github链接:GitHub - lvgl/lv_port_pc_visual_studio: Visual Studio projects for LVGL embedded graphics library. Recommended on Windows. Linux su…

基于 LVGL 使用 SquareLine Studio 快速设计 UI 界面

目录 简介注册与软件获取工程配置设计 UI导出源码板级验证更多内容 简介 SquareLine Studio 是一款专业的 UI 设计软件,它与 LVGL(Light and Versatile Graphics Library,轻量级通用图形库)紧密集成。LVGL 是一个轻量化的、开源的…

LVGL 离线字体转换lv_font_conv本地安装

升级了lvgl的版本(6.1》8.3),导致之前的字体文件与最新版本有些不兼容,若继续需要对使用到的字体文件相应升级处理,暂使用官方提供的离线字体转换方法,不过需要自己在命令行输入合适的命令才能转换&#xf…

09_瑞萨GUI(LVGL)移植实战教程之拓展练习

本系列教程配套出有视频教程,观看地址:https://www.bilibili.com/video/BV1gV4y1e7Sg 9. 拓展练习 本节安排三个实验检验学习成果,实验示例源码在资料包的这个位置: DShanMCU-RA6M5配套学习资料\2_配套源码\02_瑞萨电子MCU GUI(…

NanoPi NEO移植LVGL8.3.5到1.69寸ST7789V屏幕

移植前准备 移植好fbtft屏幕驱动 参考链接:友善之臂NanoPi NEO利用fbtft驱动点亮1.69寸ST7789V2屏幕 获取源码 名称地址描述lvglhttps://github.com/lvgl/lvgl.gitlvgl-8.3.5lv_drivershttps://github.com/lvgl/lv_drivers.gitlv_drivers-6.1.1 创建工程目录 创…

05_瑞萨GUI(LVGL)移植实战教程之添加LVGL库,对接显示和触摸驱动

本系列教程配套出有视频教程,观看地址:https://www.bilibili.com/video/BV1gV4y1e7Sg 5. 添加LVGL库,对接显示和触摸驱动 本次实验我们会融合前面实验的成果,添加LVGL库,对接显示和触摸驱动,让屏幕能显示…

LVGL V8之可拖移object

pressing事件处理回调函数 static void drag_event_handler(lv_event_t* e) {lv_obj_t* obj lv_event_get_target(e); //获取事件产生的对象lv_indev_t* indev lv_indev_get_act(); //获取活动界面输入设备lv_point_t vect;lv_indev_get_vect(indev, &vect); //获取vect…

LVGL V8之Base object

创建基本obj对象 static void lv_example_obj_1(void) {lv_obj_t* obj1;obj1 lv_obj_create(lv_scr_act());lv_obj_set_size(obj1, 100, 50); // 设置大小lv_obj_align(obj1, LV_ALIGN_CENTER, -60, -30); //偏移中心-60,-30处对齐static lv_style_t style_shadow…

LVGL V8之simple arc

创建简单的arc static void lv_example_arc_1(void) {/*Create an Arc*/lv_obj_t* arc lv_arc_create(lv_scr_act());lv_obj_set_size(arc, 150, 150); //设置arc的尺寸lv_arc_set_rotation(arc, 0); //设置rotation为0lv_arc_set_bg_angles(arc, 0, 270); //设置arc背景角…

LVGL:拓展部件——键盘 lv_keyboard

一、概述 此控件特点: 特殊Button矩阵:lv_keyboard 本质上是一个经过定制的按钮矩阵控件。每个按钮都可以独立触发事件或响应。预定义的键映射:lv_keyboard 自带了一套预设的按键布局和对应的字符映射表,开发者可以根据需要选择…

LVGL播放帧序列的c++封装

背景 需要封装一个LVGL播放帧动画的组件,在下献丑了,封装了一个帧动画播放器。先看效果(没法录屏,只能手机录像): 代码如下 头文件 /** Author: * Date: 2024-03-28 13:35:11* LastEditors: * LastEditT…

STM32 LVGL移植

参考链接:10分钟教你在MDK中部署LVGL 获取LVGL cmsis-pack 链接:https://github.com/lvgl/lvgl/tree/master/env_support/cmsis-pack 下载好之后直接单击安装或者手动选择打开方式(Pack Unzip) MDK中加入LVGL 具体什么用途在参考…

lvgl lv_anim_path_ease_in函数

lv_anim_path_ease_in函数是一个路径函数,它用于创建一个缓动曲线效果,使得动画在开始时缓慢加速。它的具体用法与lv_anim_path_ease_out函数类似,只需要将lv_anim_path_ease_in作为参数传递给lv_anim_set_path函数即可。 /* Create an intro…

lvgl 页面管理器

lv_scr_mgr lvgl 界面管理器 适配 lvgl 8.3 降低界面之间的耦合使用较小的内存,界面切换后会自动释放内存内存泄漏检测 使用方法 在lv_scr_mgr_port.h 中创建一个枚举,用于界面ID为每个界面创建一个页面管理器句柄将界面句柄添加到 lv_scr_mgr_por…

metaRTC7集成lvgl ui demo编译指南

概要 开源轻量级嵌入式图形库lvgl:Light and Versatile Graphics Library,最低只需8kb内存,可为任何 MCU、MPU 和显示类型创建漂亮的 UI。 metaRTC新增lvgl demo,可在linux下编译运行。 源码下载 https://github.com/metartc/metaRTC/rel…

lvgl 窗口 windows lv_port_win_visual_studio 版本 已解决

不知道的东西,不知道lvgl窗口。一切从未知开始 lv_port_win_visual_studio 主分支 对应的分支 v7版本更新git submodule update --init --recursive同步 lvgl代码随后打开 visualSudio 打开.sln 文件 编译 release模式 允许 一切正常代码部分

【随笔记】Littlevgl 8.x 踩过的坑

在多线程并发使用的时候,总是在运行过程中莫名其妙的 crash,后面才意识到 LVGL 本身不支持并发,加了互斥锁解决了。 在引入矢量字库时(freetype),又有启动时会概率性 crash 的问题,每次 crash …

LVGL8.1在Windows显示图片

1、将这些宏的值改成1,以便支持这些格式: 2、 这两个地方: LV_USE_FS_WIN32 设置符号,大小写字母、“\”、“”等符号都可以。 LV_FS_WIN32_PATH 为一个目录,图片放入此目录。 3、载入图片: “M:color.pn…

嵌入式 Linux 下的 LVGL 移植

目录 准备创建工程修改配置修改 lv_drv_conf.h修改 lv_conf.h修改 main.c修改 Makefile 编译运行更多内容 LVGL(Light and Versatile Graphics Library,轻量级通用图形库)是一个轻量化的、开源的、在嵌入式系统中广泛使用的图形库&#xff0c…

扔掉你的开发板,跟我玩Mcore-全志h616

本文转载自WhyCan Forum(哇酷开发者社区): https://whycan.com/t_10024.html 作者leefei 这是一个1.69寸触摸小电视。使用全志H616芯片,板上硬件有mpu6050陀螺仪,USB转ttl调试串口,一个USB接口,WIFI&蓝牙&#x…

项目经验分享:LVGL编程举例

本文介绍如何在成功移植LVGL的基础之上,编写自己的LVGL GUI程序。 文章目录 1. LVGL组件简介与LVGL仿真1.1 LVGL组件1.2 LVGL仿真 2. 代码结构3. 编程目标4. 编程前的准备5. LVGL编程基础5.1 简单示例代码5.2 设置组件位置5.3 图片的显示5.4 组件的事件响应5.5 设置…

Hi3861 移植 LVGL

一、前言 给 Hi3861 适配了硬件 spi ,master 模式下最高 spi 速率可以达到 40M,用来驱动 oled 屏幕。 适配过程遇到了一个芯片bug,困扰了很久,clk 管脚驱动能力差,需要外接一个上拉电阻才能正常运行。适配完成移植 lvg…

Arduino应用开发——使用GUI-Guider制作LVGL UI并导入ESP32运行

Arduino应用开发——使用GUI-Guider制作LVGL UI并导入ESP32运行 目录 Arduino应用开发——使用GUI-Guider制作LVGL UI并导入ESP32运行前言1 使用GUI-Guider设计UI1.1 创建工程1.2 设计UI 2 ESP工程导入UI2.1 移植LVGL2.2 移植UI文件2.3 调用UI文件2.4 烧录测试 结束语 前言 GU…

LVGL:布局

一、Flex布局(弹性布局) 1.1、概述 Flex布局具备以下特点: 方向灵活:可以控制子元素沿水平方向(row 默认)或垂直方向(column)排列。自动填充:子元素可以按照比例分配空…

lvgl UI框架 lv_anim_path_ease_out函数

在LVGL UI框架中,lv_anim_path_ease_out函数是一个路径函数,用于创建动画效果的缓动曲线。它提供了一种缓慢开始、逐渐加速并在结束时减速的效果。 以下是lv_anim_path_ease_out函数的一般用法: const lv_anim_path_t * lv_anim_path_ease_…

为 LVGL 添加截图/截屏功能(lv_100ask_screenshot)

本文内容选自百问网,完整的演示视频观看: https://www.bilibili.com/video/BV18r4y1X7MJ 前言 lv_100ask_screenshot 是一个基于 lvgl 的屏幕截图工具。 lv_100ask_screenshot 特性: 可以将LVGL的屏幕对象(全屏)保存为图片文件&#xff1…

LVGL_V8.3入门二---实时时钟(模仿华为watch-UI)

系列文章目录 文章目录 系列文章目录前言一、实现效果二、代码解析 前言 在这个博客中,我们将深入探讨LVGL(Light and Versatile Graphics Library)版本8.3的实时时钟应用,以模仿华为 Watch UI 为例。LVGL是一款专为嵌入式系统和…

LVGL 在framebuffer设备上的移植

LVGL 在framebuffer设备上的移植 ItemDescDate2023-12-31Authorhongxi.zhuplatformNXP I.MX6ULLLCDSPI TFTLCD NV3030B 文章目录 LVGL 在framebuffer设备上的移植一、LVGL源码获取二、源码修改适配三、编译&运行补充 一、LVGL源码获取 新建lvgl_imx6ull文件夹&#xff0c…

04_瑞萨GUI(LVGL)移植实战教程之驱动LCD屏(SPI)

本系列教程配套出有视频教程,观看地址:https://www.bilibili.com/video/BV1gV4y1e7Sg 4. 驱动LCD屏(SPI) 本次实验我们在上一次实验的基础上驱动 LCD屏(SPI)。 上次实验我们已经能驱动触摸屏(I2C)并打印触摸点坐标,这次实验我们的目标是点…

CodeBlocks添加头文件,解决fatal error: ui.h No such file or directory

问题描述 在使用codeblocks工具进行LVGL仿真过程中报错,找不到头文件 原因分析: 没有将头文件加入编辑器搜索的目录中,编译时找不到头文件。 解决方案: 将要包含的头文件的目录加进去就可以了

lvgl 界面管理器

lv_scr_mgr lvgl 界面管理器 适配 lvgl 8.3 降低界面之间的耦合使用较小的内存,界面切换后会自动释放内存内存泄漏检测 使用方法 在lv_scr_mgr_port.h 中创建一个枚举,用于界面ID为每个界面创建一个页面管理器句柄将界面句柄添加到 lv_scr_mgr_por…

LVGL | Demo实例使用说明

LVGL | Demo实例使用说明 时间:2023年12月10日21:51:17 文章目录 LVGL | Demo实例使用说明Demos for LVGLAdd the examples to your projectsDemosWidgetsMusic playerKeypad and encoderBenchmarkStress Contributing Demos for LVGL Add the examples to your p…

LVGL学习笔记 28 - 键盘keyboard

目录 1. 设置关联文本框 2. 设置模式 2.1 LV_KEYBOARD_MODE_TEXT_LOWER 2.2 LV_KEYBOARD_MODE_TEXT_UPPER 2.3 LV_KEYBOARD_MODE_SPECIAL 2.4 LV_KEYBOARD_MODE_NUMBER 2.5 LV_KEYBOARD_MODE_USER_1 ~ LV_KEYBOARD_MODE_USER_4 3. 使能弹窗模式 4. 更改按键布局 5. 事…

LVGL8.3.6 Flex(弹性布局)

使用lv_obj_set_flex_flow(obj, flex_flow)函数 横向拖动 LV_FLEX_FLOW_ROW 将子元素排成一排而不包裹 LV_FLEX_FLOW_ROW_WRAP 将孩子排成一排并包裹起来 LV_FLEX_FLOW_ROW_REVERSE 将子元素排成一行而不换行,但顺序相反 LV_FLEX_FLOW_ROW_WRAP_REVERSE 将子元素…

ESP32学习笔记 - 移植LVGL

LVGL是一款用C语言编写的开源轻量级图形显示框架,LVGL集成了资源占用小,多平台使用,移植简单等一系列特点,特别适合在嵌入式设备上进行开发使用。 ESP32是一款强大的WiFi SOC,特别适合用在物联网WiFi设备上,对于一些需要进行图形界面开发的业务场景,ESP32+LVGL这个搭配…

LINUX LVGL 使用键盘方向键选择控件

LINUX LVGL 使用键盘方向键选择控件 1:使用SDL库显示LVGL时 的键盘控制方法 1.1: 比如屏幕上有按钮 button1 和button2 通过创建一个组 group 就可以实现选中按键1或者按键2 新建一个组,放入按键的代码,我是写在ui.c 里面创建组件的地方那儿 lv_group_t * group…

ESP32-IDF移植LVGL 文件系统

一. 简介 在使用LVGL进行界面开发的时候,需要使用到各种字体文件和图片文件,如果直接下载到flash中的话(esp32的flash足够大,可以下载少量的资源文件),不方便替换和管理,而且资源有限,但比较方便&#xff…

lvgl 画圆弧时进入 HardFault

目录 一、现象描述 lvgl 版本 二、问题分析 lvgl 需要的资源新建mcu 工程时默认分配的资源问题解决 一、现象描述 移植完lvgl 之后,能正常显示label,但是button arc 等复杂的控件都不能正常显示。调用官方的画圆弧demo 时,在多次调用 _lv…

lvgl8.3.5版本 设置界面滚动条显示状态

LV_SCRLBAR_MODE_OFF 一直都不显示滚动条 LV_SCRLBAR_MODE_ON 一直都显示滚动条 LV_SCRLBAR_MODE_DRAG 拖动页面时显示滚动条 LV_SCRLBAR_MODE_AUTO 当可滚动容器的大小足以滚动时显示滚动条 LV_SCRLBAR_MODE_HIDE 暂时隐藏滚动条 LV_SCRLBAR_MODE_UNHIDE 取消隐藏以前隐藏…

使用GUI Guider工具开发嵌入式GUI应用 (3) - 使用label组件

使用GUI Guider工具开发嵌入式GUI应用 (3) - 使用label组件 文章目录 使用GUI Guider工具开发嵌入式GUI应用 (3) - 使用label组件引言在GUI Guider工程中创建label组件编译MCU工程并下载到开发板 引言 本节讲述在GUI Guider中,应用各种UI的基本元素,并顺…

ESP32 使用lvgl (驱动芯片ILI9488)

1、安装ESP32的开发环境,建议按照IDF4.2版本,因为lvgl推荐此版本 可以参考 ubuntu 搭建ESP32开发环境_dear_Wally的博客-CSDN博客 本人使用的LCD驱动芯片是ILI9488,3.5寸,分辨率480*320 2、命令行进入esp-idf-v4.2/examples目录下…

LVGL学习笔记 显示和隐藏 对象的属性标志位 配置

在显示GUI的过程中需要对某些对象进行临时隐藏或临时显示,因此需要对该对象的FLAG进行配置就可以实现对象的显示和隐藏了. 调用如下接口可以实现: lv_obj_add_flag(user_obj, LV_OBJ_FLAG_HIDDEN);//隐藏对象lv_obj_clear_flag(user_obj, LV_OBJ_FLAG_HIDDEN);//取消隐藏实现的…

lvgl(tabview):选项卡控件 禁止默认的滑动切换页面

文章目录 版本说明示例代码详细解释 版本说明 版本:V8.3.9测试环境:rt-thread 示例代码 obj lv_tabview_create(comp_parent, LV_DIR_LEFT, 100);lv_obj_clear_flag(lv_tabview_get_content(obj), LV_OBJ_FLAG_SCROLLABLE); /// Flags详细解释 源码路径:package…

07_瑞萨GUI(LVGL)移植实战教程之LVGL对接EC11旋转编码器驱动

本系列教程配套出有视频教程,观看地址:https://www.bilibili.com/video/BV1gV4y1e7Sg 7. LVGL对接EC11旋转编码器驱动 本次实验我们向LVGL库中对接EC11旋转编码器驱动,让我们能通过EC11旋转编码器操作UI。 7.1 复制工程 上次实验得出的工…

【全csdn最前沿LVGL9】基础对象lv_obj

文章目录 前言一、LVGL9的下载二、基础对象lv_obj2.1 概述2.2 布局2.3 lv_obj的使用创建一个lv_obj设置大小设置位置设置对齐父对象与子对象事件 总结 前言 LVGL(LittlevGL)是一个开源的嵌入式图形库,用于在嵌入式系统中创建用户界面。LVGL提…

LVGL 日历组件

LVGL 日历组件 calendar 添加到默认组中 lvgl的 calendar 组件会默认添加到旋钮按键组中,需要手动将其删除,否则会聚焦到不可见的控件上。 lv_obj_set_style_pad_all(calendar, 8, LV_STATE_DEFAULT); lv_group_remove_obj(calendar);修改时间范围 年…

ESP32 ESP-IDF LVGL ST7789 演示lv_demo_music

陈拓 2022/09/10-2022/09/11 1. 开发环境 开发环境搭建 见《Ubuntu构建ESP32 ESP-IDF开发环境》 https://blog.csdn.net/chentuo2000/article/details/126777261?spm1001.2014.3001.5502 版本2. 开发板和显示屏 2.1 ESP32开发板 市面上最常见的esp32开发板。 2.2 TFT LCD…

lvgl v8之scrolling with Right To Left base direction

scrolling with Right To Left base direction /** * Scrolling with Right To Left base direction */ static void lv_example_scroll_5(void) {lv_obj_t* obj lv_obj_create(lv_scr_act()); // 创建obj对象lv_obj_set_style_base_dir(obj, LV_BASE_DIR_RTL, 0);// 设置LV_…

lvgl v8之Translate on scroll

Translate on scroll事件处理 static void scroll_event_cb(lv_event_t* e) {lv_obj_t* cont lv_event_get_target(e); //获取产生事件的对象lv_area_t cont_a; lv_obj_get_coords(cont, &cont_a); // 获取坐标信息lv_coord_t cont_y_center cont_a.y1 lv_area_get_h…

LVGL--Font

LVGL--Fonts 字体概述点阵字体概述点阵字体文件BDF 矢量字体原理矢量字体格式Type1 (PostScript Type1)TureTypeOpenType 矢量字体的清晰显示FreeType库 编码概述LVGL文档Font & Symbol 转换在线转换地址离线工具 lv_font_conv图标 字体概述 点阵字…

【STM32 LVGL基础教程】初识LVGL

文章目录 前言一、什么是LVGL?二、LVGL的诞生历程三、LVGL的用途四、模拟器使用LVGL4.1 下载codeblocks并运行模拟器lvgl4.2 更改lvgl设置更改帧数更改颜色深度 五、STM32使用LVGL总结 前言 嵌入式系统中的图形用户界面(GUI)已经成为现代设备…

FMC+DAM驱动LVGL刷屏

前提条件 使用FMC驱动LCD刷屏 LVGL移植 开启DMA 需要开启MEMTOMEMDMA。 开启MPU 有MPU时需要 使能I-cache D-cache时 使用DMA传输数据时要保证数据的完整行和准确性 修改代码 逻辑 等待DMA传输完成然后再刷屏。 修改 在DMA初始化函数中最后添加 注册DMA传输完成调用函…

【兆易创新GD32H759I-EVAL开发板】 关于LVGL 的内存配置

【兆易创新GD32H759I-EVAL开发板】拥有外部32MB的 SDRAM 在使用LVGL时 可以随意分配大小 但是我们也应该明白 所定义的内存大小的 的一些概念 LVGL中 有单独的 定义 LV_MEM_SIZE 定义内存大小 LVLG 中 在定义 显示程序 接口时 还需要用到 lv_disp_draw_buf_init() 分配显存…

STM32F4+FreeRTOS+LVGL实现嵌入式快速开发(缝合怪)

极速进行项目开发,只需要懂一款芯片架构一个操作系统一个GUI。各种部件程序全靠抄 ,成为究极缝合怪。本文用stm32f407FreeRTOSlvgl演示一些demo。 原文链接:STM32F4FreeRTOSLVGL实现快速开发(缝合怪) lvgl官方的音乐播放器demo:…

LVGL学习笔记 21 - 图像Image

目录 1. 图像来源 1.1 图片源文件 1.2 颜色格式 1.2.1 LV_IMG_CF_ALPHA_1/2/4/8BIT 1.2.2 LV_IMG_CF_INDEXED_1/2/4/8BIT 1.2.3 LV_IMG_CF_RAW/_ALPHA/_CHROME_KEYED 1.2.4 LV_IMG_CF_TRUE_COLOR/_ALPHA/_CHROMA_KEYED 1.2.5 LV_IMG_CF_RGB565A8 2. 显示图片 2.1 创建…

LVGL库入门 04 - 颜色与图像

1、颜色 1.1、构造颜色 在 LVGL 中,颜色以结构 lv_color_t 表示。在最开始移植整个工程时,曾经在 lv_conf.h 中修改过颜色深度: /*Color depth: 1 (1 byte per pixel), 8 (RGB332), 16 (RGB565), 32 (ARGB8888)*/ #define LV_COLOR_DEPTH …

【01】LVGL-CodeBlock模拟器安装 | LVGL工程下载 | PC端模拟LVGL步骤

LVGL模拟器 1.LVGL模拟器介绍2.Windows环境搭建CodeBlock及获取LVGL工程3.PC端模拟LVGL4.总结 1.LVGL模拟器介绍 LVGL模拟器:使用PC端软件模拟LVGL运行,而不需要任何嵌入式硬件。优点:便于学习、跨平台协同开发 2.Windows环境搭建CodeBlock及…

LVGL 的事件响应, 按键

在LVGL中,所有控件都能够响应事件,但并非所有控件默认都会有预设的事件响应行为。LVGL的设计允许用户为任何控件添加事件处理函数,以响应各种用户交互,例如点击、长按、拖动等。这意味着,虽然控件本身具备响应事件的能…

LVGL部件3

一.加载部件 1.知识概览 2.函数接口 1.lv_obj_set_style_arc_color lv_obj_set_style_arc_color 是 LittlevGL(LVGL)图形库中的一个函数,用于设置对象的圆弧颜色样式。 函数原型为:void lv_obj_set_style_arc_color(lv_obj_t * …

03_瑞萨GUI(LVGL)移植实战教程之驱动触摸屏(I2C)

本系列教程配套出有视频教程,观看地址:https://www.bilibili.com/video/BV1gV4y1e7Sg # 3. 驱动触摸屏(I2C) 本次实验我们在上一次实验的基础上驱动I2C触摸屏。从这次实验开始,我们不需要重新创建工程,而是在上一次实验项目的基础…

ESP32S3+HX8347+3线SPI运行LVGL例程

一、clone lv_port_esp32到本地 git clone https://github.com/lvgl/lv_port_esp32.git 二、增加hx8347.c、hx8347.h components\lvgl_esp32_drivers\lvgl_tft下新增2个文件:hx8347.c、hx8347.h。因为lv_port_esp32中没有hx8347的驱动,需要自己写。这两个…

lvgl示例程序自动提取及播放

lvgl内置了大量示例程序,但是模拟器每次只能演示一个示例。 通过脚本提取示例入口函数表。 在main.c中增加一个按钮,每点击一次,找回一个示例程序运行。 提取脚本 import osdef findAllFile(base):for root, ds, fs in os.walk(base):for …

LVGL 环境搭建-基于WSL

背景说明 小白刚开始接触LVGL,前些日子狠心花198元入手了一块堪称LVGL 入门利器~HMI-Board 开发板,虽然有RT-Thread 集成好的LVGL 环境,只需要几个步骤就能成功把lvgl 的示例运行起来,对于爱折腾的我来说,过于简单也并…

LVGL部件5

一.滚轮部件 1.知识概述 2.函数接口 1.lv_obj_add_state 在 LVGL(LittlevGL)中,lv_obj_add_state 函数用于向对象添加状态。该函数的原型如下: void lv_obj_add_state(lv_obj_t * obj, lv_state_t state)obj 是指向要操作的对…

LVGL Animations(动画)的简单使用

一、前言 哈喽,大家好。在进行界面设计的时候,动画的使用是必不可少的,今天这篇文章就跟大家分享一下 LVGL Animations(动画)的简单使用。笔者将在模拟器上运行演示,LVGL 版本号为 8.3.0。 二、Animation…

crui_lvgl 一个LVGL的DSL辅助工具的设想

设想 Target以LVGL为目标,语法以CSS为Reference。 CSS 规范 略 CSS规范最强大的属于CSS自身的属性很多,可以通过class和伪属性选择器对UI进行直接控制。 QML规范 ApplicationWindow {visible: truewidth: Constants.widthheight: Constants.height…

【ElfBoard】基于 Linux 的智能家居小项目

大家好,我是 Hello阿尔法,这段时间参与了保定飞凌嵌入式技术有限公司举办的 ElfBoard 共创社招募活动,并有幸成为了一名共创官,官方寄来了一块 ELF 1 开发板,开箱看这里 ELF 1 开箱初体验。 作为共创官,我…

AIR101 LuatOS LVGL 显示多个标签例程

屏幕资料 AIR101与屏幕连接 PC端仿真环境合宙官方PC端版本环境搭建教程 PC电脑仿真 -- sys库是标配 _G.sys require("sys") sys.taskInit(function()local cnt0lvgl.init(480,320)--lvgl初始化local cont lvgl.cont_create(nil, nil);-- lvgl.cont_set_fit(cont, …

lvgl中的lv_obj_update_layout函数

lvgl中的lv_obj_update_layout函数用于更新对象的布局。在更新布局时,首先获取父对象的屏幕,并检查屏幕的布局是否需要更新。如果需要更新,那么会对屏幕上的子对象循环调用layout_update_core函数。在调用layout_update_core函数之前&#xf…

全志R128将LVGL运行在SPI TFT GUI上

LVGL 与 SPI TFT GUI 本次使用的是 Dshan_Display Module,如下图: 引脚配置如下: R128 DevkitTFT 模块PA12CSPA13SCKPA18MOSIPA9PWMPA20RESETPA19RS3V33.3VGNDGND 载入方案 我们使用的开发板是 R128-Devkit,需要开发 C906 核心…

【ESP-IDF】在squareline studio上设计GUI并移植到esp-box上

因为squareline studio软件中适配了ESP-BOX,所以作者本想直接使用该软件创建的工程,但是会出现花屏的现象,也不知道是不是没有做好esp-box-lite的适配。 因此只能先用squareline studio设计好GUI,然后再导出其代码,在其…

【全csdn最前沿LVGL9】Style样式

文章目录 前言一、Style的介绍二、State状态三、级联样式四、Style的继承五、组件六、设置样式属性七、添加和移除样式7.1 添加7.2 替换样式7.3 移除样式7.4 当对象实时改变了样式去通知对象刷新样式 八、获取一个对象的属性值九、本地样式十、过度动画十一、主题总结 前言 在…

lvgl 转换和使用新字体

一、背景 如果lvgl 提供的默认字体不符合我们的显示要求,我们可以在网上下载开源字体,或者利用系统自带(注意版权问题)的字体文件转换lvgl 能识别和调用的字体。 或者为了压缩存储空间,某些字体我们只需要个别字符&…

LVGL——标签部件

目录 一、标签部分组成 二、创建标签部件 三、设置文本 四、改变文本样式 五、文本过长处理 六、代码案例 一、标签部分组成 主体(LV_PART_MAIN) 滚动条(LV_PART_SCROLLBAR) 选中的文本(LV_PART_SELECTED&#xf…

LVGL的List控件的触摸按键和实体按键的处理

在LVGL的List控件使用过程中,虽然通过触摸按键选择item,但是有些场景需要实体按键选取item,但是LVGL 的V8.3中没有像Emwin那样有函数选择list item的函数。LVGL中List引入了Group的概念,把列表项都添加到同一个group中。然后通过更…