LVGL v8学习笔记 | 09 - 进度条控件的使用方法（bar）

原创已于 2022-10-09 20:33:31 修改 · 1.6k 阅读

收录于

当前文章被以下社区和专栏收录：

于 2022-10-04 17:47:39 首次发布

lvgl 专栏收录该内容

14 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了LVGL库中进度条控件bar的使用，包括创建bar对象、修改大小、获取和设置进度值，以及bar的样式调整和事件处理。重点讲解了进度条的方向、模式设置，以及样式修改如背景颜色。同时提到了绘制完成事件的应用，用于更新相关控件。

文章目录

一、进度条控件
二、bar控件的样式
- 1. bar控件的组成部分
- 2. 修改bar控件的样式
三、bar控件的事件处理
- 1. 绘制完成事件

一、进度条控件

bar对象的API在lv_bar.h中声明，以lv_bar_xxx命名。

1. 创建bar对象

/**
 * Create a bar objects
 * @param parent    pointer to an object, it will be the parent of the new bar
 * @return          pointer to the created bar
 */
lv_obj_t * lv_bar_create(lv_obj_t * parent);

eg. 创建一个默认label

标签

#lvgl

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mculover666

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

LVGL基本控件介绍

damon:月影星魔

08-18

3634

lvgl基本控件的使用和效果图

【LVGL学习笔记】（三）控件使用

weixin_45728705的博客

12-17

5520

LVGL学习笔记

1 条评论您还未登录，请先登录后发表或查看评论

【LVGL-滑动部件&进度条】

sinat_23896491的博客

03-27

2140

【代码】【LVGL-滑动部件】

【嵌入式LVGL】01.LVGL常用的组件+常用接口函数

最新发布

m0_73474894的博客

07-04

439

本文摘要： LVGL图形库中的UI组件分为容器部件（可嵌套其他组件，如窗口、选项卡）和普通部件（如按钮、标签）。常用组件包括：1) 按钮（lv_btn），需配合标签显示文字，支持点击事件；2) 文本区域（lv_textarea），支持输入控制、密码模式及字符限制；3) 标签（lv_label），用于文本显示，支持滚动和格式化文本；4) 开关（lv_switch）和复选框（lv_checkbox），通过状态检测实现交互；5) 进度条（lv_bar），可设置范围和动画效果；6) 定时器（lv_timer），用于

LVGL V8学习之进度条（bar控件）

菜鸟攻城狮

03-07

5418

这一篇来研究下LVGL V8下进度条（bar控件）的使用，还是通过codeblock来模拟代码的运行 // bar对象动画回调函数 static void obj_bar_anim_exec_callback(void * bar, int32_t value) { if (bar != NULL) { lv_bar_set_value((lv_obj_t *)bar, value, LV_ANIM_ON); // 设置进度条对象的值

【LVGL 学习】进度条（BAR）控件学习

一名嵌入式界的小学生

08-28

4652

【代码】【LVGL 学习】进度条（BAR）控件学习。

LVGL8.3 --lv_bar 进度条

smicd的博客

01-30

3082

进度条对象有一个背景和一个指示器。指示器的宽度根据进度条的当前值自动设置。如果设置进度条的宽度小于其高度，就可以创建出垂直摆放的进度条。可以通过设置进度条的值，从而改变指标的开始位置。进度条的PART与style都比较简单和明确，本文重点在于对进度条模式mode的理解。

LVGL 控件之进度条（lv_bar）

热门推荐

Projectsauron 的博客

08-31

3万+

进度条对象（lv_bar）有一个背景和一个指示器。指示器的宽度根据进度条的当前值自动设置。如果设置进度条的宽度小于其高度，就可以创建出垂直摆放的进度条。。不仅可以设置结束，还可以设置进度条的起始值，从而改变指标的起始位置。背景（）：用于显示范围值；指示器（）：用于显示当前值。

LVGL——进度条

weixin_63780683的博客

12-13

1238

【代码】LVGL——进度条。

LVGL学习笔记16 - 进度条Bar

pq的博客

01-11

5287

进度条有一个背景和一个指示器组成，通过lv_bar_create创建对象。进度条默认的范围是 0..100。

ESP32 LVGL8.1 ——Style Arc 设置圆弧样式 (Style 7)

believe666的博客

12-10

8927

提示：本博客作为学习笔记，有错误的地方希望指正文章目录一、圆弧样式简介三、Style img API四、示例五、仿真结果一、圆弧样式简介本次主要讲述lvgl的圆弧样式，Arc style样式可以实现一些圆弧进度条，实现进度条的拖动或者加载的界面。三、Style img API 用于圆弧样式的API可以在lv_style_gen.h文件中找到，主要有以下几个API void lv_style_set_arc_width(lv_style_t * style, lv_coord_t value

LVGL_基础控件进度条bar

会选科技的博客

10-06

1092

【代码】LVGL_基础控件进度条bar。

想用LVGL做一个美观的进度条？跟进步伐，LVGL『Bar进度条控件』介绍

朝气蓬勃

02-22

1万+

一. LVGL GUI进度条控件的概念首先我们来看下进度条控件的模样，有一个直观的认识！相信你只要想做什么炫酷的进度条都能搞出来！ 进度条控件类似于弧控件，也有一个背景跟指示器，背景是指进度条控件的宽度值，指示器是当前进度条在什么位置的值！二. LVGL GUI进度条小部件和样式 进度条的主要部分被称为 LV_BAR_PART_BG ，它使用典型的背景样式属性。 LV_BAR_PART_INDIC 是一个虚拟部件，还使用了所有典型的背景属性。默认情况下，指示器的最大尺寸与背景的尺寸相同

LVGL lv_bar进度条（13）

jiang_2018的博客

01-13

1493

lv_bar 进度条包括背景和指示器（INDIC），高和宽决定是水平还是竖直进度条 样式 /** Bar parts */ enum { LV_BAR_PART_BG, /** Bar background style. */ LV_BAR_PART_INDIC, /** Bar fill area style. */ _LV_BAR_PART_VIRTUAL_LAST }; typedef uint8_t lv_bar_part_t; 例子 void lv_ex_bar_1(v

自定义圆形进度条实现动态显示指定进度

xiaoyantan的博客

11-13

5363

首先得写一个类RoundProgress继承View，重写其中onMeasure()和onDraw()方法。在onMeasure()里获取当前画布的宽度。在onDraw()方法里主要绘制如下三部分：绘制圆环绘制圆弧绘制文本相关属性如下： /** * 圆环的颜色 */ private int ringColor; // 圆环进度的颜色 p

LVGL库入门教程：基本控件与交互操作系统

XbpObjectivec的博客

09-21

680

在本文中，我们介绍了LVGL库的基本控件和交互操作系统的使用方法。我们展示了如何初始化LVGL库，并创建了一个基本的按钮控件。此外，我们还演示了如何为按钮添加交互功能，以及如何在操作系统（例如FreeRTOS）中集成LVGL库。的任务函数，在该函数中初始化LVGL库并处理LVGL的任务。然后，我们使用FreeRTOS操作系统的API函数创建了一个任务，并将。在初始化LVGL库后，您可以开始创建和使用LVGL的控件。函数将回调函数添加到按钮控件上，以便在按钮被点击时调用。函数），并将其添加到按钮控件中。

LVGL（lv_bar进度条）

m0_49476241的博客

05-11

938

lv_bar背景（背景槽）和指示器（填充部分）// 设置背景部分// 设置填充部分。

5、LVGL控件-滑轮、滑动条、圆弧

weixin_68094467的博客

09-03

912

##2.1 滑动条部件组成部分主体（LV_PART_MAIN）指示器（LV_PART_INDICATOR）旋钮（LV_PART_KNOB）#LVGL控件-滑轮、滑动条、圆弧 ##一、LVGL 滑轮部件 >滚轮部件常用于多选一的场景，它以滚轮的形式来展现多个选项。##二、LVGL 滑动条部件 >滑块部件常用于调节某个参数的值，它以直线滑动的形式来修改数值。###1.3 实验小演示设计两个滑轮，一个正常模式，一个无限循环模式。###1.1 滑轮部件组成部分。

【第一章】LVGL开发——创建数字日期、时间、计时器控件

QL5470的博客

12-06

9217

动态数字式日期、时间、时长控件的创建。

LVGL--进度条部件（lv_bar)

m0_63472758的博客

02-22

737

进度条部件组成部分：主体：LV_PART_MAIN指示器：LV_PART_INDICATOR。