【案例讲解】LVGL 如何用LVGL画加载圈

最新推荐文章于 2024-09-03 11:39:43 发布
最新推荐文章于 2024-09-03 11:39:43 发布
阅读量942 收藏 8
点赞数 9
分类专栏： # XSLVGL 2.0开发手册 LVGL 文章标签： arm mcu c语言 linux unix
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tangta789/article/details/134630506
版权
本文通过案例详细讲解如何在LVGL上使用C语言创建一个加载圈效果，利用八个固定圆点交替隐藏和显示来模拟转动，适用于ARM MCU上的Linux或Unix系统。
摘要由CSDN通过智能技术生成

更多源码分析请访问：LVGL 源码分析大全

目录

1、概述

很多场景下，在用户操作时，需要使用一个加载圈来缓解用户焦虑问题。

2、实现效果图

在这里插入图片描述

3、实现思路

用八个固定的圆点来表示加载圈，当使这八个圈依次隐藏和显示，这样就能做成一个看上去在转圈的加载圈了。

4、代码详解

创建对象及参数，这里创建一个定时器，周期性的触发加载圈更新。

static void Constructor
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Bigan(安)
关注
专栏目录
订阅专栏
【案例讲解】LVGL GIF开机动画和关机动画
Bigan(安)的博客
03-22 3495
LVGL本身有多个图层，我们采用最高的图层来画开机动画和关机动画，就可以将其覆盖其它图层，所以在创建对象时，可以使用。LVGL默认的GIF解码播放是按GIF图片中配置的循环标记来做的，而多数GIF是被设置了循环播放的功能的。因为退出时使用的回调是在UI线程的，而且是在当前对象只是，所以不能直接使用。因此，在GIF图片加载后，播放之前应当替换掉其循环播放的回调接口。可能会被其它定时任务打断，所以应当使用。回调中，修改OK键驱动中的。回调，即可用来监听OK键（在前面注册的动画完成。接口来完成销毁工作。
嵌入式UI框架 LVGL 学习笔记 01 基础概念
笨笨D幸福 - 后花园
11-01 1569
# 基础组件研究 Code地址：https://github.com/lvgl 中文参考文档(可能部分内容不匹配，仅参考)：http://lvgl.100ask.net/8.2/index.html 官方API参考文档地址：https://docs.lvgl.io/master/intro/index.html **注意：LVGL 7.x版本与8.x版本差别很大，建议使用8.x版本**
LVGL_基础空间圆弧arc
会选科技的博客
10-09 948
【代码】LVGL_基础空间圆弧arc。
5、LVGL控件-滑轮、滑动条、圆弧
最新发布
weixin_68094467的博客
09-03 537
##2.1 滑动条部件组成部分 主体（LV_PART_MAIN） 指示器（LV_PART_INDICATOR） 旋钮（LV_PART_KNOB）#LVGL控件-滑轮、滑动条、圆弧 ##一、LVGL 滑轮部件 >滚轮部件常用于多选一的场景，它以滚轮的形式来展现多个选项。##二、LVGL 滑动条部件 >滑块部件常用于调节某个参数的值，它以直线滑动的形式来修改数值。###1.3 实验小演示 设计两个滑轮，一个正常模式，一个无限循环模式。###1.1 滑轮部件组成部分。
LVGL——加载器部件
weixin_63780683的博客
12-13 513
【代码】LVGL——加载器部件。
LVGL主要绘制事件的总结归纳
bai915290475的博客
04-13 1128
在 LVGL 图形库中，这些事件是用于在对象的绘制过程中的不同阶段触发回调函数的。它们允许开发者在对象的绘制生命周期中的特定时刻执行自定义的绘制代码或者进行其他相关的处理。
嵌入式GUI LVGL『Spinner环形加载器控件』介绍
朝气蓬勃
08-15 3171
一. LVGL GUI环形加载器控件的概念 对象是边界上的旋转弧 二. LVGL GUI环形加载器小部件和样式 微调器使用以下部分： LV_SPINNER_PART_BG ： 主要部分 LV_SPINNER_PART_INDIC ：旋转弧（虚拟部分） 小部件和样式的工作原理与 Arc 相同。阅读其文档以获取详细说明。 三. LVGL GUI环形加载器控件的使用 1. 弧度长度(Arc length) 用这个函数设置旋转弧度lv_spinner_set_arc_length(spinner,.
4、LVGL控件-环形加载器、LED、列表、下拉列表
weixin_68094467的博客
09-02 312
##1.1 环形加载器部件组成部分 主体（LV_PART_MAIN） 手柄（LV_PART_KNOB） 指示器（LV_PART_INDICATOR）#LVGL控件-环形加载器、LED、列表、下拉列表 ##一、LVGL 环形加载器部件 >加载器部件常用于提示当前任务正在加载。##二、LVGL LED部件 >LED部件常用于指示控制对象的状态。###2.1 LED部件组成部分 主体（LV_PART_MAIN）###1.3 实验小演示（提示当前任务正在加载）
lvgl 绘制原理
weixin_49947521的博客
09-13 1163
lvgl
LVGL_V8.3入门四---圆形表盘UI设计(字体、图片、时间显示设计)
xddwg521125的博客
12-11 5203
在现代界面设计中，用户体验至关重要。表盘是一种直观而有效的方式，通过图形化的形式向用户传达信息。为了创造出令人印象深刻的用户界面，我选择使用LVGL（LittlevGL）库，这是一个功能强大而灵活的开源图形库。在这篇博客中，我将分享我的经验，介绍如何使用LVGL创建一个引人注目的圆形表盘UI。通过这篇博客，你将学到如何使用LVGL创建一个引人注目的圆形表盘UI。LVGL提供了丰富的功能和灵活性，使得用户界面的设计变得轻而易举。
【案例讲解】LVGL关于旋转的配置
Bigan(安)的博客
10-13 2359
在实现项目中，因为横竖屏的关系，需要对其做90度的旋转。配置旋转时发现一些局部刷新控件，旋转后效果不对。异常图标正常图标。
STM32F4-3-运行LVGL基础案例.rar
03-01
通过这个基础案例，开发者可以了解如何在STM32F4平台上集成和使用LVGL库，为更复杂的应用奠定基础，如开发嵌入式设备的用户界面或图形化监控系统。通过LVGL的灵活性和STM32的强大处理能力，可以创建出功能丰富、视觉...
NXP GUI Guider 的LVGL示例工程
08-16
首先，"buttoncounter_test"可能是一个包含C语言源代码的项目，演示如何使用LVGL库创建一个按钮，并在每次点击时增加一个计数器。这将涉及到LVGL的事件处理机制，其中按钮的点击事件会被捕获，并触发相应的回调函数...
Qt案例之利用QPaint实现自定义加载中动画控件
04-24
Qt案例之利用QPaint实现自定义加载中动画控件，不使用图片，仅仅利用代码实现Loading加载中动画，可参考文章：https://blog.csdn.net/didi_ya/article/details/124375758
【案例讲解】LVGL 解决字体展示花屏的问题
Bigan(安)的博客
02-21 1888
R11上显示字体花屏
LVGL (8) 绘制流程
李白
05-14 7193
目录 Preview LVGL Tick Timer Handler lv_timer_exec 显式刷屏任务 _lv_disp_refr_timer 小结 Preview 整个 LVGL Framework 的运转，都是基于 LVGL 中定义的所谓的 ”Timer“ 定时器的，系统需要给 LVGL 一个 ”心跳“，LVGL Framework 才可以正常的运转起来； 基于这样的一个框架，LVGL 定义了两个函数，需要与系统进行对接： lv_tick_inc：用于系统告知 LVGL 时间； lv_tim
Lvgl7 基础对象(lv_obj)
wasapp的博客
03-19 5364
Lvgl 基础对象(lv_obj)
LVGL事件整理
SummerHeart的专栏
07-24 1026
使用 lv_indev_get_gesture_dir(lv_indev_active()) 获取手势。LV_EVENT_REFR_EXT_DRAW_SIZE： 获取对象周围所需的额外绘制区域（例如，用于阴影）。LV_EVENT_LONG_PRESSED_REPEAT： 在每个 long_press_repeat_time 毫秒后调用。事件参数是 lv_cover_check_info_t *。LV_EVENT_LONG_PRESSED： 对象已被按下至少 long_press_time。
LVGL线条和画布功能
qq_28576837的博客
03-27 2825
线条部件由多个点连接而成，它可用于修饰界面或者展示数据。要注意这里的描述，线条是由多个点连接而成的。线条部件只有一个组成部分：主体线条是由多个点连接而成的对象，用户可以使用lv_point_t类型的数组存储这些坐标点，并调用函数，把这些坐标点传递给线条部件，它将会把这些点连接起来，最终绘制成线条。接下来，我们以简单示例来理解线条连接点的设置，示例代码如下所示：在上述源码中，我们先创建连接点相关的数组，然后创建一个线条部件，最后将点数组传入到线条部件中，其将会把这些点连接起来。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Bigan(安)

打赏100可获技术支持一次

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值