LVGL 成长笔记
文章平均质量分 83
LVGL学习笔记
请叫我啸鹏
这个作者很懒,什么都没留下…
展开
-
ESP32 LVGL8.1 M5 Core2 + LVGL + IDF 详细的移植教程 (30)
lvgl 8.1和lvgl8.3的移植原创 2022-10-04 22:21:46 · 1611 阅读 · 0 评论 -
ESP32 LVGL8.1 实现太空人显示(29)
文章目录一、ESP32 LVGL工程配置1.1从库中下载LVGL代码1.2配置适合ESP32 液晶屏1.3编译下载测试二、GIF图片处理2.1下载gif图片2.2将gif图片按照帧率导出成图片2.lvgl animimg对象实现图片的播放1.3下载测试 注:本博客作为学习笔记,有错误的地方希望指正一、ESP32 LVGL工程配置首先要通过液晶屏显示太空人,我们这里主要有两种方式可以实现,第一种直接使用厂家只带的液晶屏幕驱动去实现图片的显示,另外使用其他的GUI提供的控件去实现,嵌入式常见的GUI挺多原创 2021-11-24 01:49:34 · 9308 阅读 · 2 评论 -
ESP32 LVGL8.1 ——msgbox 消息框 (msgbox 28)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、textarea 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.4事件 Events1.5按键 Keys二、msgbox API三、示例3.1示例实现数字按键输入一、textarea 简介1.1概述 Overview 消息框充当弹出窗口。它们是由背景Container,Label和Button的Button矩阵构建的。 文本将自动分成多行(具有LV_LABEL_LONG_MOD原创 2022-03-22 16:14:05 · 4576 阅读 · 1 评论 -
ESP32 LVGL8.1 M5Stack + LVGL + IDF 详细的移植教程 (27)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、btn 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.4事件 Events1.5按键 Keys二、Label API2.1 Btn API2.2 LVGL的状态标志位的处理API和Flags2.3 LVGL的事件回调函数2.4 LVGL事件API以及事件分类三、示例3.1示例实现按键回调显示3.2示例实现动画显示3.3示例实现按键果冻显示一、btn 简介1.1概述 Overvie原创 2022-03-05 12:17:15 · 3992 阅读 · 4 评论 -
ESP32 LVGL8.1 ——textarea 文本区域 (textarea 26)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、textarea 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3.1 添加文字 Add text1.3.2 占位符 Placeholder1.3.3 删除字符 Delete character1.3.4 移动光标 Move the cursor1.3.5 隐藏光标 Hide the cursor1.3.6 一行模式 One line mode1.3.7 密码模式 Password mo原创 2022-01-27 15:23:37 · 5358 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Calendar 日历 (Calendar 25)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、Calendar 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3.1当前日期 Current date1.3.2高亮显示天数 Highlighted days1.3.3天的名称 Name of the days1.4事件 Events1.5按键 Keys1.6页眉 Headers1.6.1 箭头按键 Arrow buttons1.6.2 下拉 Drop-down二、Calendar原创 2022-01-01 09:58:11 · 2316 阅读 · 2 评论 -
ESP32 LVGL8.1 ——Roller 滚动 (Roller 24)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、Roller 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3.1设置选项 Set options1.3.2得到选中的选项 Get selected option1.3.3可见的行 Visible rows1.4事件 Events1.5按键 Keys二、Roller API三、示例3.1示例实现按键回调显示3.2示例实现动画显示3.3示例实现按键果冻显示一、Roller 简介1.1原创 2021-12-30 23:56:26 · 5035 阅读 · 3 评论 -
ESP32 LVGL8.1 ——checkbox 复选框 (checkbox 23)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、checkbox 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3.1文字 Text1.3.2 勾选,取消勾选,禁用 Check, uncheck, disable1.4事件 Events1.5按键 Keys二、checkbox API三、示例3.1示例实现checkbox的选择失能及其回调3.2使用checkbox实现radiobutton的显示效果一、checkbox 简介1.原创 2021-12-29 12:49:32 · 2489 阅读 · 5 评论 -
ESP32 LVGL8.1 ——slider 滑动条 (slider 22)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、slider 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3.1值和范围 Value and range1.3.2模式 Modes1.3.2旋钮 模式 Knob-only mode1.4事件 Events1.5按键 Keys二、Slider API三、示例3.1Slider 基本显示带有回调3.2 Slider样式设置及其按下时候的动画3.3 Slider模式设置显示一、slider原创 2021-12-29 00:09:10 · 5535 阅读 · 0 评论 -
ESP32 LVGL8.1 ——bar 进度条 (bar 21)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、btn 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3值和范围 Value and range1.3模式 Modes1.4事件 Events1.5按键 Keys二、Bar API三、示例3.1Bar 基本显示3.2实现进度条加载过程3.3实现渐变加载3.3实现自定义背景进度条显示3.3示例进度条方向变换显示3.3示例实现按键果冻显示一、btn 简介1.1概述 Overview原创 2021-12-28 20:56:36 · 3791 阅读 · 3 评论 -
ESP32 LVGL8.1 ——img 图片 (img 20)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、btn 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3.1图片资源 Image source1.3.2标签作为图片 Label as an image1.3.3透明度 Transparency1.3.4调色板和Alpha索引 Palette and Alpha index1.3.5 重新着色 Recolor1.3.6自动尺寸 Auto-size1.3.7马赛克 Mosaic1.3.8偏原创 2021-12-28 16:24:33 · 5984 阅读 · 0 评论 -
ESP32 LVGL8.1 ——arc 圆弧 (arc 19)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、arc 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3.1 值和角度 Value and range1.3.2 旋转 Rotation1.3.3 模式 Mode1.3.4 改变速率 Change rate1.3.4 手动设置指标 Setting the indicator manually1.4事件 Events1.5按键 Keys二、arc API三、示例3.1实现基本显示3.2原创 2021-12-26 12:07:34 · 3469 阅读 · 1 评论 -
ESP32 LVGL8.1 ——Input devices 输入设备 (Input devices 18)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、Input devices 简介1.1概述 Overview1.2 鼠标 Pointers1.2按键和编码器 Keypad and encoder1.2.1 组 Groups1.2.1.1 按键 Keys1.2..1.2 编辑和导航模式 Edit and navigate mode1.2.2 样式 Styling二、输入设备接口 Input device interface2.1 输入设备类型 Types of input devices2.1.原创 2021-12-20 09:34:54 · 5344 阅读 · 3 评论 -
ESP32 LVGL8.1 ——event 事件 (event 17)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、btn 简介1.1概述 Overview1.2为对象添加事件 Add events to the object1.3从对象中移除事件 Remove event(s) from an object1.4代码事件 Events code1.5用户事件 Custom events1.6发送事件 Sending events1.7刷新事件 Refresh event1.8事件回调中结构体领域 Fields of lv_event_t1.9冒泡事件 Eve原创 2021-12-18 09:15:08 · 12118 阅读 · 1 评论 -
ESP32 LVGL8.1 ——anim 动画 (anim 16)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、btn 简介1.1概述 Overview1.2创建动画 Create an animation1.3动画路径 Animation path1.4速度与时间 Speed vs time1.5删除动画 Delete animations二、anim API三、示例3.1按键按下Label联动显示动画3.2动画变换 在X轴由小变大一、btn 简介1.1概述 Overview 你可以使用动画在开始值和结束值之间自动改变变量的值。。动画将通过定原创 2021-12-18 00:22:54 · 10722 阅读 · 5 评论 -
ESP32 LVGL8.1 ——btn 按钮 (btn 15)
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例原创 2021-12-17 18:14:53 · 6078 阅读 · 2 评论 -
ESP32 LVGL8.1 ——Label 标签 (Style 14)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、Label简介三、slider API四、示例示例1示例2示例3五、仿真结果示例1仿真显示示例2仿真显示示例3仿真显示一、Label简介本次主要讲述lvgl的Label,Label(标签)是用于显示文本的基本对象类型。可以通过设置Label从而实现对字体显示的方式不同,可以实现字体居中显示或者向左对齐,向右对齐,还可以实现文字的滚动显示剪辑文本对字体重着色等操作。三、slider API为字体的对齐方式lv_obj_set_styl原创 2021-12-15 11:01:59 · 6467 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Style To Part And States 向状态添加部件和样式 (Style 13)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、向状态添加部件和样式简介三、slider API四、示例五、仿真结果一、向状态添加部件和样式简介本次主要讲述lvgl的向状态添加部件和样式,通过设置样式可以将样式的属性加载在对象上,这里主要创建一个滑动控件的对象。三、slider API这里主要讲述滑动组件的API,其他的基本前面都叙述完了。API可以在lv_slider.h文件中找到对应的API,lv_obj_t * lv_slider_create(lv_obj_t * par原创 2021-12-11 17:18:48 · 552 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Style multiple styles 多种风格样式 (Style 12)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、多种风格样式简介三、Style Line API四、示例五、仿真结果一、多种风格样式简介本次主要讲述lvgl的多种风格样式,多种样式风格和前面的Local style 有点类似,这一主要讲述的是一个对象可以继承多个样式的风格,和C++ 编程有点类似,对象风格的继承性。三、Style Line API这里API都是前面的一些API主要有背景、边框、阴影、尺寸、字体几个设置。四、示例/***********************原创 2021-12-11 11:30:06 · 1203 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Style local style 样式当地的风格 (Style 11)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、样式当地的风格简介三、Style Line API四、示例五、仿真结果一、样式当地的风格简介本次主要讲述lvgl的样式当地的风格,我们前面主要通过样式去设置一些属性,假如我们想要修改某一个对象的风格还要保留原有的一些特性怎么办,这个时候样式的当地风格就会起到作用,改变对象的一些特性而保留原来的一些特性。三、Style Line API用于文字样式的API可以在lv_obj_style_gen.h文件中找到,里面有许多的API,看起原创 2021-12-11 10:31:11 · 1194 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Style Creating transition 创建样式转换 (Style 10)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、创建样式转换简介三、Style Line API四、示例五、仿真结果一、创建样式转换简介本次主要讲述lvgl的创建样式转换,主要通过动画的形式去显示样式的转换。三、Style Line API用于文字样式的API可以在lv_style_gen.h文件中找到,主要有以下几个APIlv_style_transition_dsc_init这个API的参数还是挺多的,第一个参数 lv_style_transition_dsc_t *原创 2021-12-11 09:58:41 · 803 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Style Line 设置直线样式 (Style 9)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、直线样式简介三、Style Line API四、示例五、仿真结果一、直线样式简介本次主要讲述lvgl的直线样式,通过直线样式可以根据一些坐标点绘制复杂的图形,也可以使用Line实现一些简单图形的封装,可以不使用图片的形式来绘制一些特别的图案,可以大大减少单片机内部存储资源,可以设置线宽以及线的形式,虚线、线末端形状等。三、Style Line API用于文字样式的API可以在lv_style_gen.h文件中找到,主要有以下几个A原创 2021-12-11 00:12:11 · 3241 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Style Text 设置文字样式 (Style 8)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、文字样式简介三、Style img API四、示例五、仿真结果一、文字样式简介本次主要讲述lvgl的文字样式,Text style样式可以实现一些文字间距,文字行距的设置,以及文字的装饰划线,下划线,删除线,以及文字字体三、Style img API用于文字样式的API可以在lv_style_gen.h文件中找到,主要有以下几个APIvoid lv_style_set_text_color(lv_style_t * style,原创 2021-12-10 23:06:32 · 13441 阅读 · 2 评论 -
ESP32 LVGL8.1 ——Style Arc 设置圆弧样式 (Style 7)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、圆弧样式简介三、Style img API四、示例五、仿真结果一、圆弧样式简介本次主要讲述lvgl的圆弧样式,Arc style样式可以实现一些圆弧进度条,实现进度条的拖动或者加载的界面。三、Style img API用于圆弧样式的API可以在lv_style_gen.h文件中找到,主要有以下几个APIvoid lv_style_set_arc_width(lv_style_t * style, lv_coord_t value原创 2021-12-10 22:39:48 · 5982 阅读 · 3 评论 -
ESP32 LVGL8.1 ——Style img 设置图片样式 (Style 6)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、设置图片样式简介三、Style img API四、示例五、仿真结果一、设置图片样式简介本次主要讲述lvgl的样式阴影,Image style 主要是针对图片对象的一些样式的参数设置,主要有重新着,重新着透明度的设置,和我们前面讲到的背景图片稍微有些区别三、Style img API用于设置图片样式的API可以在lv_style_gen.h文件中找到,主要有以下几个APIvoid lv_style_set_img_opa(lv_s原创 2021-12-10 12:56:08 · 4981 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Style shadow 设置样式阴影 (Style 5)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、样式阴影设置简介三、Style outline API四、示例五、仿真结果一、样式阴影设置简介本次主要讲述lvgl的样式阴影,实现对于对象的阴影显示效果三、Style outline API用于设置样式阴影的API可以在lv_style_gen.h文件中找到,主要有以下几个APIvoid lv_style_set_shadow_width(lv_style_t * style, lv_coord_t value); //原创 2021-12-10 12:27:56 · 2750 阅读 · 1 评论 -
ESP32 LVGL8.1 ——Style outline 设置样式外轮廓 (Style 4)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、样式外轮廓设置简介三、Style outline API四、示例五、仿真结果一、样式外轮廓设置简介本次主要讲述lvgl的样式外轮廓,可以设置样式的外轮廓实现对于按键之类的重绘,实现炫酷的显示效果三、Style outline API用于设置样式外轮廓的API可以在lv_style_gen.h文件中找到,主要有以下几个APIvoid lv_style_set_outline_width(lv_style_t * style, lv_coo原创 2021-12-10 12:18:50 · 2252 阅读 · 0 评论 -
ESP32 LVGL8.1 VS2019(Visual Studio 2019)进行仿真 环境搭建
ESP32 LVGL8.1 VS2019(Visual Studio 2019)进行仿真 环境搭建一、VS2019环境搭建二.导入LGL资源1、下载资源2、移植资源3、打开工程4、配置工程5、编译# 注:本博客作为学习笔记,有错误的地方希望指正一、VS2019环境搭建下载VS2019之前一直使用的是VS2010的版本,最近在学习LVGL需要使用VS2019的版本,于是就安装Visual Studio,但是安装的时候就遇到一个问题,现在进入微软的官网官网推荐的是2022的版本,但是目前没见原创 2021-11-20 00:41:57 · 7674 阅读 · 7 评论 -
ESP32 LVGL8.1 ——Style border 设置样式边框 (Style 3)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、样式边框设置简介三、Style border API四、示例五、仿真结果一、样式边框设置简介本次主要讲述lvgl的样式边框,设置样式边框可以实现一个样式不同的显示风格,从而实现不同显示效果。三、Style border API用于设置样式边框的API可以在lv_style_gen.h文件中找到,主要有以下几个APIvoid lv_style_set_border_color(lv_style_t * style, lv_color_t原创 2021-12-10 12:04:39 · 9462 阅读 · 5 评论 -
ESP32 LVGL8.1 ——Style bg 设置样式背景 (Style 2)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、样式背景设置简介三、Style Pad API四、示例五、仿真结果一、样式背景设置简介本次主要讲述lvgl的样式背景,可以设置一个样式不同的背景颜色,另外还可以设置背景的渐变色,从而实现不同炫酷的效果。三、Style Pad API用于设置内边距的API可以在lv_style_gen.h文件中找到,主要有以下几个APIvoid lv_style_set_bg_color(lv_style_t * style, lv_color_t va原创 2021-12-10 10:37:24 · 16827 阅读 · 0 评论 -
ESP32 LVGL8.1 ——Style Pad 内边距 (Style 1)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一、前言二、样式Pad简介三、Style Pad API四、示例五、仿真结果一、前言最近开始学习LVGL,之前学习使用过的GUI有Touchgfx,touchgfx的界面的确挺好,还有专门的软件做布局,实现逻辑和交互的分开,这样大大的方便快速上手一个工程Demo,Touchfx虽然好,但是也有一定的局限,1、对于芯片的要求比较高,之前使用的是stm32f429,外有sdram和spi falsh作为图片资源的存储,对于硬件的要求稍微高;2、仅原创 2021-12-10 09:19:49 · 5692 阅读 · 2 评论