lvgl专题
龙芯+FreeRTOS+LVGL实战笔记（新）——05部署主按钮
本专栏是笔者另一个专栏《龙芯+RT-Thread+LVGL实战笔记》的姊妹篇，主要的区别在于实时操作系统的不同，章节的安排和任务的推进保持一致，并对源码做了改进和优化，各位可以先到本人主页下去浏览另一专栏的博客列表（目前已撰写36篇，图1所示），再决定是否订阅。此外，也可以前往本人在B站的视频合集（图2所示）观看所有演示视频，合集首个视频链接为： 借助RT-Thread和LVGL
6、LVGL控件-线条、图片、按钮矩阵
本篇文章目录导航 ♠♠ LVGL控件-线条、图片、按钮矩阵 ♣♣♣♣ 一、LVGL 线条部件 ♦♦♦♦♦♦♦♦ 1.1 线条部件组成部分 ♦♦♦♦♦♦♦♦ 1.2 线条部件基本API ♦♦♦♦♦♦♦♦ 1.3 实验小演示 ♣♣♣♣ 二、LVGL 图片部件 ♦♦♦♦♦♦♦♦ 2.1 图片部件组成部分 ♦♦♦♦♦♦♦♦ 2.2 图片部件基本API ♦♦♦♦♦♦♦♦ 2.3 实验小演示（基础操作） ♦
LVGL 控件之复选框（lv_checkbox）和下拉列表（lv_dropdown）
目录 一、复选框1、组成2、设置复选框文本3、复选框部件的状态4、复选框事件5、API 函数 二、下拉列表1、组成2、选项2.1 添加选项2.2 获取当前选中的选项 3、设置3.1 设置列表展开方向3.2 设置下拉列表图标3.3 设置列表常显文本 4、事件5、API 函数 一、复选框 1、组成 复选框部件由两个部分组成：主体和勾选框，示意图如下： LV_PART_M
龙芯+FreeRTOS+LVGL实战笔记（新）——02准备工程和驱动文件
本专栏是笔者另一个专栏《龙芯+RT-Thread+LVGL实战笔记》的姊妹篇，主要的区别在于实时操作系统的不同，章节的安排和任务的推进保持一致，并对源码做了完善与优化，各位可以先到本人主页下去浏览另一专栏的博客列表（目前已撰写36篇，图1所示），再决定是否订阅。此外，也可以前往本人在B站的视频合集（图2所示）观看所有演示视频，合集首个视频链接为： 借助RT-Thread和LVGL
LVGL 控件之按钮（lv_button）
目录 一、按钮1、概述2、样式2.1 设置背景2.1.1 颜色2.1.2 透明度2.1.3 渐变色2.1.4 渐变色起始位置设置 2.2 修改边界2.2.1 宽度2.2.2 颜色2.2.3 透明度2.2.4 指定边 2.3 修改边框2.4 修改阴影2.4.1 宽度2.4.2 透明度2.4.3 偏移坐标2.4.4 颜色2.4.5 延伸 2.5 设置圆角弧度2.6 修改其他状态下的显示 二、例
LVGL 控件之基础对象（lv_obj）
目录 一、 概述1、基本概念2、lv_obj_t 二、 基础对象的 API 函数1、Coordinates（坐标）1.1 单位1.2 盒子模型 2、Size（大小）3、Position（位置）4、Alignment（对齐）5、Parents and children6、Display and Screens（显示和屏幕）7、Events（事件）8、Styles（样式）9、Flags（宏开关）
2、LVGL控件-标签、按钮
本篇文章目录导航 ♠♠ LVGL控件-标签、按钮 ♣♣♣♣ 一、LVGL标签部件 ♦♦♦♦♦♦♦♦ 1.1 标签部件组成部分 ♦♦♦♦♦♦♦♦ 1.2 如何创建标签部件以及设置文本？ ♦♦♦♦♦♦♦♦ 1.3 如何改变文本的样式? ♦♦♦♦♦♦♦♦ 1.4 当文本长度超过部件大小时怎么显示？ ♦♦♦♦♦♦♦♦ 1.5 文本如何对齐标签？ ♦♦♦♦♦♦♦♦ 1.6 如何让标签文本变得艺术化（字体阴
LVGL中的 _ui_opacity_set() 函数
实际中发现，使用 _ui_opacity_set() 函数设置一个widget的透明度，有一个地方需要注意： 如果在初始化函数中创建一个控件，比如panel控件时设置其初始透明度为128， lv_obj_set_style_bg_opa(ui_Panel, 128, LV_PART_MAIN | LV_STATE_DEFAULT); 那么在后续使用 _ui_opacity_set()
LVGL之FFmpeg使用
FFmpeg是一个开源的多媒体框架，它可以处理各种音频和视频格式的转换、解码、编码和流处理。它提供了一套丰富的库和工具，广泛应用于视频点播、直播、多媒体处理、游戏开发等领域。 FFmpeg的主要组件包括： libavformat - 用于音频和视频的多媒体容器的多路复用和解复用。支持多种格式，如MP4、MKV、AVI等。libavcodec - 提供对许多流行编解码器的访问，包括H.264,
嵌入式UI开发-lvgl+wsl2+vscode系列：11、SSD202移植运行评估demo程序
一、前言 接下来我们根据开发板的LVGL指南移植lvgl的demo程序到开发板上，以及将一个评估的项目移植到开发板上，你将会发现移植lvgl到ssd2xx的板子上似乎很简单，但通过评估程序你将更加方便了解lvgl是否可以满足你的开发需求，除了评估开发板子的资源外，是否可以实现客户的设计需求也是开发前进行技术评估很重要的一点。 二、资料收集 开发板lvgl使用指南：https://blo
嵌入式UI开发-lvgl+wsl2+vscode系列：9、控件（Widgets）（二）
一、前言 接下来我们总结第二部分的控件。 二、示例 1、image（图像） 1.1、示例1 #include "../../lv_examples.h"#if LV_USE_IMAGE && LV_BUILD_EXAMPLESvoid lv_example_image_1(void){LV_IMAGE_DECLARE(img_cogwheel_argb);lv_obj_
【LVGL-下拉列表部件 lv_dropdown】
LVGL-下拉列表部件 lv_dropdown ■ LVGL-下拉列表部件 lv_dropdown■ 下拉列表部件的组成■ 添加选项■ 获取当前选中的选项■ 设置列表展开方向■ 设置下拉列表图标■ 设置列表常显文本■ 打开、开闭下拉列表■ 下拉列表部件的 API 函数 ■ LVGL-下拉列表部件 lv_dropdown ■ 下拉列表部件的组成 按钮部分： ① LV_PAR
LVGL配置FatFs文件系统，实现对STM32的SD卡数据读写
0、前言 在前面两篇博客文章中，已经介绍了如何将LVGL移植到STM32平台和如何将FatFs R0.15文件系统移植到STM32上，因此本文对这些内容将不再重复讲解。如需下载对应的工程文件，请进入对应的文章，即可找到对应的资源下载包。 LVGL移植到STM32 MCU平台详细经验笔记教程_lvgl移植stm32-CSDN博客 FatFs R0
LVGL快速入门笔记
目录 一、基础知识 1. 基础对象（lv_obj） 2. 基础对象的大小(size) 3. 基础对象的位置(position) 3.1 直接设置方式 3.2 参照父对象对齐 3.3 获取位置 4. 基础对象的盒子模型(border-box) 5. 基础对象的样式(styles) 5.1 样式的状态和部分 5.1.1 对象可以处于以下状态States的组合： 5.1.2 对象
lvgl_micropython development for esp32
上一篇博客已经编译源码生成了ESP32C3的固件lvgl_micropy_ESP32_GENERIC_C3-4.bin，这篇博客开发一个界面。 一、开发环境 1、安装开发工具 Windows安装Thonny工具，官网链接：Thonny, Python IDE for beginners。 参考博客:用MicroPython开发ESP32- 用Thonny写程序_esp32用什么
lvgl的应用：移植MusicPlayer(基于STM32F407)
目录 概述 1 软硬件环境 1.1 UI开发版本 1.2 MCU开发环境 1.3 注意点 2 GUI Guider开发UI 2.1 使用GUI Guider创建UI 2.2 GUI Guider编译项目和测试 2.2.1 GUI Guider编译项目 2.2.2 编译 2.3 了解GUI Guider生成代码 3 移植项目 3.1 Keil中加载代码 3.2 调
LVGL开发教程-按钮Button
系列文章目录 知不足而奋进 望远山而前行 目录 系列文章目录 文章目录 前言 1. 普通Button 2.可选中Button 3.按钮事件处理 总结 前言 在图形用户界面（GUI）开发中，按钮（Button）是用户与程序交互的重要组件之一。通过按钮，用户可以触发各种操作和事件，从而实现对应用程序的控制和导航。本文将介绍如何使用 LittlevGL 库创建普通按钮和可选
LVGL刷屏优化（基于ESP32）
主要参考资料： 乐鑫ESP-IDF官方手册SPI Flash and External SPI RAM Configuration: https://docs.espressif.com/projects/esp-idf/zh_CN/release-v5.0/esp32s3/api-guides/flash_psram_config.html 目录 驱动和端口优化RAM与PSRAMF
【LVGL v8.3】切换界面时内存变化分析
文章目录 前言实现分析 前言 切换界面需要释放当前控件，否则控件一直存在，同时反复创建会导致内存泄漏 实现 数据结构 static struct{lv_obj_t *screen;bool screen_del;lv_obj_t *screen_img_bg;}ui; 创建界面 void setup_scr_ext(void){//Write codes scr
N32G45XVL-STB之移植LVGL(8.4.0)
目录 概述 1 系统软硬件 1.1 软件版本信息 1.2 ST7796-LCD 1.3 MCU IO与LCD PIN对应关系 2 认识LVGL 2.1 LVGL官网 2.2 下载V8.4.0 3 移植LVGL 3.1 硬件驱动实现 3.2 添加LVGL库文件 3.3 移植和硬件相关的代码 3.3.1 驱动接口相关文件介绍 3.3.2 重新接口函数 3.4 配置.h文件
【LVGL】Guider 界面分析
文章目录 前言架构创建 UI切换界面空间释放分析创建页面空间变化 前言 分析Gui Guider-1.7.2-GA 生成的 LVGL 界面切换，资源管理等处理 架构 所有控件存放于同一个结构体 lv_ui 内，每个页面都至少包含 screen_xxx 和 screen_xxx_del 两个成员 typedef struct{lv_obj_t *screen_top;b
龙芯+RT-Thread+LVGL实战笔记（36）——密码锁完善
【写在前面】不知不觉中，又临近学期末了。这个学期，因为一些特殊原因，一直没怎么更新本教程，而且不得已上调了本教程的价格，在此笔者深表歉意。另一方面，自己带的学生发挥不佳，很遗憾未能闯进国赛，为此笔者也郁闷了相当长一段时间。事已至此，也只能慢慢释然，来年再战了。至于龙芯板上的任务，笔者又调试了一些任务，比如直流电机转速控制等，后面还是会继续更新的，本篇先把前面密码锁可完善的地方补齐。
LVGL---------guider工具使用
【stm32F4 使用GUI Guider设计lvgl界面，中文界面，多界面跳转，按键事件，生成代码导入keil5】https://www.bilibili.com/video/BV1Nm421u7tb?vd_source=02fb5aaf3a4713e1bfbd90f63f8b5ce5 软件下载地址 GUI Guider | NXP 半导体 我跟着这个B站up主的教程大概实现
N32G45XVL-STB之移植LVGL(lvgl-8.2.0)
目录 概述 1 软硬件介绍 1.1 软件版本信息 1.2 ST7796-LCD 1.3 MCU IO与LCD PIN对应关系 2 认识LVGL 2.1 LVGL官网 2.2 LVGL库文件下载 3 移植LVGL 3.1 准备移植文件 3.2 添加lvgl库文件到项目 3.2.1 src下的文件 3.2.2 examples下的文件 3.2.3 配置文件路径 3.