lvgl长按进度条动画实现

已于 2024-04-27 10:37:50 修改
阅读量338 收藏
点赞数 5
分类专栏： lvgl 文章标签： c语言 c++ 嵌入式硬件 单片机 stm32 python 经验分享
于 2024-04-26 00:47:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61704502/article/details/138202420
版权
本文介绍了如何在LVGL8.3版本中通过监听长按事件，实现动画效果与按下时间的精确结合，避免因按下时间不足导致动画过早结束，需要额外设置来同步进度。源码需求请私信获取。
摘要由CSDN通过智能技术生成
在lvgl8.3版本下，通过监听长按事件实现根据长按时间与页面动画进度结合，单纯增加动画效果没办法控制进度，按下时间不够时，动画也会执行完，需要结合另一个设置来控制进度与动画的关系。
效果如下（如需源码请私信）：

一只前端猿
关注
  • 5
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
micropython lvgl_LVGL免费开源GUI图形库使用手册翻译
weixin_39602976的博客
12-11 3293
SPACEX Dragon嵌入式系统GUIContentsI.简介... 1II.开始学习... 2i.快速概览... 21.PC模拟器... 22.在项目中添加LVGL. 23.基础知识... 3ii.PC模拟器... 101.选择编译环境IDE. 102.设置Eclipse CDT. 10III.导出... 13IV.详...
【LVGL】ANIM（动画）学习
一名嵌入式界的小学生
09-08 5366
由于动画是立即执行的，因此可以使用自动变量存储。回调函数有两个形参，参数1：是用作动画控件的结构体指针，参数2：是。可以在回调函数种设置控件的尺寸、样式、位置等操作，实现各种动画效果。：参数1：动画结构体指针，参数2：回调函数。实际上，过渡的底层也使用的是动画。函数中参数2和参数3的范围值。
探索LVGL的MicroPython绑定：一款高效图形界面开发工具
最新发布
gitblog_00026的博客
05-29 465
探索LVGL的MicroPython绑定：一款高效图形界面开发工具 项目地址:https://gitcode.com/littlevgl/lv_binding_micropython LVGL的MicroPython绑定是专为小型嵌入式系统设计的一款强大且易用的图形用户界面（GUI）开发框架。它是LVGL库和MicroPython之间的桥梁，使得开发者可以利用Python语法轻松创建复杂的图形界...
LVGL Animations（动画）的简单使用
wpgddt的博客
09-07 3797
在 LVGL 中要使某个对象拥有动画效果，可以通过 Animations 创建一个动画效果（旋转，缩放，滑动等），并将该动画效果附加在对象上。 下面介绍与动画设置相关的重要参数。
ESP32（MicroPython）LVGL进度条动画 第三期
weixin_74155302的博客
06-17 357
在给出程序的具体内容之前，先提一下测试时出现的情况。由于这次的程序是随机参数，在重新启动时可以生成不同的动画，本人把程序上载到开发板。经测试，如果程序是上电启动并且程序内有看门狗，程序上电启动后可以通过Thonny停止程序，但会触发看门狗重新启动程序，需要按boot键上电重新下载固件才能更改程序。因此如果程序只在Thonny上选择运行，可以增加看门狗以便在停止程序时释放SPI资源，不需要重新上电；如果上载到开发板上电运行则不宜添加看门狗（要求程序长期稳定运行的情况除外）。
ESP32 LVGL8.1 ——anim 动画 (anim 16)
believe666的博客
12-18 9665
提示：本博客作为学习笔记，有错误的地方希望指正 文章目录一、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   你可以使用动画在开始值和结束值之间自动改变变量的值。。动画将通过定
microPython环境下的lvgl开发心得
qq_37333737的博客
09-11 4810
microPython环境下的lvgl是c代码通过pycparser转换成python代码的。因此没有python环境下的源文件。发开需依靠REPL（交互式控制台）调出文档配合c源码进行。 以变换内置主题为例，记录下开发思路。 打开REPL，输入 import lvgl as lv help(lv) 得到类lv下所有的方法和类，查找theme相关，有如下方法： theme_set_current -- <function> theme_get_current -- <funct
canvas实现圆形进度条动画的示例代码
01-19
本文介绍了canvas实现圆形进度条动画，分享给大家，具体如下： 先给大家看看效果图，然后在上代码。 进度条动画 1. canvas的HTML部分很简单就一个canvas标签 canvas画布的宽高是自身的属性，要在行间样式设置，若是...
微信小程序实现圆形进度条动画
01-03
本文实例为大家分享了微信小程序动画之圆形进度条，供大家参考，具体内容如下 上图： 代码： js： //获取应用实例 var app = getApp() var interval; var varName; var ctx = wx.createCanvasContext('...
Bootstrap百分比进度条动画特效
06-24
Bootstrap百分比进度条动画特效是基于流行的前端框架Bootstrap和CSS3技术实现的一种视觉效果丰富的进度条组件。在网页设计中，进度条常用于显示任务、数据加载或过程完成的进度，而Bootstrap百分比进度条动画则增加...
Canvas半圆形进度条动画特效
04-02
"Canvas半圆形进度条动画特效"就是利用Canvas API来实现的一种视觉效果，通常用于展示数据或者进度，使得界面更加生动且具有反馈感。 首先，我们从基础开始理解Canvas。Canvas是一个矩形区域，可以通过JavaScript来...
micropython开发lvgl教程
qq_34440409的博客
01-24 9537
前言 为什么要使用micropython来开发lvgl而不是用c? 当然在资源非常受限的芯片比如单片机上c开发会是很好的选择，或者对于某些不喜欢mpy解释器特性的也不适合。这些都不是本教程谈论的重点，我们先来看看使用micropython开发起来有何不同。 我们先来看看lvgl官网关于这个的介绍：https://docs.lvgl.io/master/get-started/micropython.html https://blog.lvgl.io/2019-02-20/micropython-bindin
MicroPython环境下LVGL的基本用法
weixin_74155302的博客
06-15 3012
由于MicroPython环境下LVGL的相关资料较少，直接看文档学习难度大，用其它编程语言开发的程序难移植，本人整理了自己学习过的一些内容，封装为类并且大多调整为可以自定义参数以便复用。相关参数已在注释中说明。
支持LVGL的micropython固件编译（一）
qq_34440409的博客
06-30 9807
LVGL是一款嵌入式开发比较常用的开源GUI库，lvgl本身采用c以面向对象的方式开发，这种高级特性可以很好的适应高级语言，所以采用python开发也是不错的选择。现在我们就尝试下使用micropython开发lvgl应用。官方对micropython已经做了移植支持，采用pycparser工具将lvgl c源码进行封装出一个中间c文件做为mpy模组接口。lvgl官方github上已经做好了带有移植lvlg的micropython例子，我们直接下载下来编译即可使用。 开发环境 硬...
ESP32（MicroPython）LVGL自定义折线
weixin_74155302的博客
06-18 262
本次有两个用于在指定的坐标绘制直线的程序，都需要通过滑杆输入坐标。第一个程序通过点击绘制键完成绘制，上一次绘制结束点作为下一次绘制的起始点。第二个程序直接根据输入的坐标变化情况连续绘制。理论上坐标原点在屏幕中心，没有找到把原点设在右上角的方法，实际运行情况不符合预期。另外，持续运行可能导致程序退出，应该是绘制折线会增加内存占用。ESP32（MicroPython）LVGL自定义折线。
使用lvgl v9自带LVGLImage.py脚本把png图片批量生成bin或c文件
weixin_43972123的博客
05-04 1733
lvgl v9版本图片批量转换为bin文件
ESP32（Micro Python）LVGL 两个动画程序
weixin_74155302的博客
06-16 589
------------------------------ 看门狗，用来重启ESP32设备 --start------------------------# ------------------------------ 看门狗，用来重启ESP32设备 --stop-------------------------# ------------------------------ 看门狗，用来重启ESP32设备 --stop-------------------------
探索LVGL与MicroPython的融合：lv_micropython项目详解
gitblog_00018的博客
04-27 738
探索LVGL与MicroPython的融合：lv_micropython项目详解 项目地址:https://gitcode.com/lvgl/lv_micropython 项目简介 LVGL 是一个强大的开源图形库，为嵌入式设备提供高效、易用的GUI开发解决方案。而lv_micropython则是将LVGL与轻量级的Python实现——MicroPython——相结合的项目，使得开发者可以通过Py...
带你了解LVGL：一个开源的嵌入式图形库
热门推荐
wpgddt的博客
04-27 1万+
本文的目的是介绍一个开源的嵌入式图形库- LVGL（Light and Versatile Graphics Library）。LVGL是一个适用于各种嵌入式平台和显示器的GUI库，它提供了丰富的控件、主题、动画、字体、图像等元素，以及灵活的布局和事件处理机制。本文将介绍LVGL的主要特点、架构、使用方法和应用领域，并且展示一些LVGL的示例和效果。
lvgl 圆形进度条
10-15
LVGL的圆形进度条是一种用于显示进度、完成百分比或任何具有连续性的值的图形界面元素。它通常用于表示任务的完成度、上传/下载进度以及各种操作的进展情况。 使用LVGL创建圆形进度条非常简单。首先，我们需要创建一个父对象，例如一个容器，然后在容器中创建圆形进度条对象。我们可以通过设置进度条的样式、位置和尺寸来自定义它。例如，我们可以更改进度条的颜色、宽度、字体、边框等。 当我们需要更新进度条的值时，可以使用LVGL提供的函数来动态更改它。我们可以将进度条的值设置为0到100之间的任意值，以反映任务的完成度。然后，进度条将自动根据设置的值，以动画的方式进度条更新。 圆形进度条不仅提供了可视化的界面，还可以与其他LVGL对象交互。我们可以添加触摸或点击事件，使用户可以与进度条进行交互。例如，在用户完成某个任务时，我们可以捕捉到点击事件并将进度条设置为100%。 总的来说，LVGL的圆形进度条是一种功能强大且易于使用的工具，可以为用户提供直观且具有交互性的进度显示。无论是在嵌入式设备、手机应用还是其他任何应用场景，圆形进度条都能为用户提供有用的信息，并增强用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值