LVGL学习——初识动画 lv_anim_t

最新推荐文章于 2025-09-18 14:21:07 发布
原创 最新推荐文章于 2025-09-18 14:21:07 发布 · 1.9k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#学习 #动画 #c# #经验分享 #vscode

本文介绍如何使用LVGL库实现标签动画效果，包括开关控制动画的开启与关闭、动画的回弹效果及速度变化等。通过具体代码示例，展示了设置动画路径、执行回调函数等关键步骤。

实现效果

开关打开 左上角标签进入停止时有回弹效果 overshoot

开关关闭 标签退出速度由慢到快

几个主要函数

//   /**
// * Set the start and end values of an animation 设置动画的起始值
// * @param a         pointer to an initialized `lv_anim_t` variable
// * @param start     the start value 初始位置
// * @param end       the end value    结束位置
// */
//static inline void lv_anim_set_values(lv_anim_t * a, int32_t start, int32_t end)

 lv_anim_set_exec_cb(&a, anim_x_cb);//执行动画

//**

// * Set the path (curve) of the animation. //设置动画的路径（曲线）
// * @param a         pointer to an initialized `lv_anim_t` variable //动画对象
// * @param path_cb a function to set the current value of the animation.是设置动画当前值的函数 我理解为动画的执行效果
// */
//static inline void lv_anim_set_path_cb(lv_anim_t * a, lv_anim_path_cb_t path_cb)

<
最低0.47元/天 解锁文章
【案例讲解】LVGL GIF开机动画和关机动画
Bigan(安)的博客
03-22 5287
LVGL本身有多个图层，我们采用最高的图层来画开机动画和关机动画，就可以将其覆盖其它图层，所以在创建对象时，可以使用。LVGL默认的GIF解码播放是按GIF图片中配置的循环标记来做的，而多数GIF是被设置了循环播放的功能的。因为退出时使用的回调是在UI线程的，而且是在当前对象只是，所以不能直接使用。因此，在GIF图片加载后，播放之前应当替换掉其循环播放的回调接口。可能会被其它定时任务打断，所以应当使用。回调中，修改OK键驱动中的。回调，即可用来监听OK键（在前面注册的动画完成。接口来完成销毁工作。
lvgl lv_anim_path_ease_in函数
嵌入式软硬件叶玄
09-23 425
lvgl lv_anim_path_ease_in函数
LVGL 动画 Animations
m0_50993351的博客
05-22 2645
LVGL，动画的认识和相关的基础知识。
LVGL动画实现
最新发布
qq_52552848的博客
09-18 222
设置一个动画放大缩小函数例子。
动画对象（lv_anim_t）的应用
Doyoung的专栏
04-24 3579
效果一：按钮运动 注意：回放效果为编辑器添加，而非代码实现的回放效果。 代码实现 void anim_x_cb(void *var,int32_t v) { lv_obj_set_x(var,v); } void lv_100ask_demo_course_2_1_1(void) { //1、建立对象 lv_obj_t *btn = lv_btn_create(lv_scr_act()); lv_obj_align(btn,LV_ALIGN_LE...
lvgl设置自定义的动画效果
wow_nicetry的博客
02-08 1747
lvgl设置自定义的动画效果
【LVGL】ANIM（动画）学习
一名嵌入式界的小学生
09-08 7083
由于动画是立即执行的，因此可以使用自动变量存储。回调函数有两个形参，参数1：是用作动画控件的结构体指针，参数2：是。可以在回调函数种设置控件的尺寸、样式、位置等操作，实现各种动画效果。：参数1：动画结构体指针，参数2：回调函数。实际上，过渡的底层也使用的是动画。函数中参数2和参数3的范围值。
ESP32 LVGL8.1 ——anim 动画 (anim 16)
believe666的博客
12-18 1万+
提示：本博客作为学习笔记，有错误的地方希望指正 文章目录一、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   你可以使用动画在开始值和结束值之间自动改变变量的值。。动画将通过定
LVGL学习——动画 时间线
HandBAI的博客
12-15 1766
LVGL学习——动画 时间线
7、LVGL动画
热门推荐
a986096115的博客
01-11 1万+
LVGL动画 文章目录LVGL动画LVGL动画概述动画数据结构动画APILVGL如何使用动画 LVGL动画概述 LVGL里面有好多对象都支持动画效果，比如进度条、滑块、按钮等，但是那些都是对象里面自带的API进行设定的，如果我们想让某个对象拥有动画效果，LVGL也是支持的，只是原子的教程里面没有. 先简单说一下动画的实现原理. 首先，动画由一个双向链表进行管理，该链表除去头尾指针外只记录了动画结构体的大小. 其次，动画的实现其实是LVGL的一个系统内置任务实现. 最后，动画的概念其实和软件定时器高度相似，但
LVGL库入门 03 - 动画
LearnLHC的博客
11-02 3218
这也很好理解：样式在创建的过程中可能发生多次修改，因此需要确定最终的表现结果如何，再着手绘制，否则整个控件可能会重绘多次，占用大量无效的资源。函数中去获取一个控件的位置、宽度等信息，由于它们都属于样式的一部分，此时还没有实际计算，因此得到的可能是默认值，造成动画始末效果偏离预期轨迹。除此之外，两者的区别还有：过渡只是样式的一部分，而动画和样式之间是独立的。LVGL 的官方文档还给出了一个示例，可以实现类似圆形的旋转滚动，效果非常不错，不过涉及的计算较多，感兴趣的可以自行阅读官方文档。
LVGL Animation
若有博文对您有帮助，欢迎点赞关注，收藏评论。
02-23 377
【代码】LVGL Animation。
【LVGL】animation动画路径方式介绍
Evenurs的url
07-25 1465
介绍LVGL中关于anim动画的几种路径的效果
LVGL V8动画
m0_37187962的博客
06-29 3021
lvgl动画应用
LVGL学习笔记 23 - 动画Animimg
pq的博客
04-02 3633
动画就是对一组图像数组以固定的时间间隔显示。
ESP32（Micro Python）LVGL 两个动画程序
weixin_74155302的博客
06-16 817
------------------------------ 看门狗，用来重启ESP32设备 --start------------------------# ------------------------------ 看门狗，用来重启ESP32设备 --stop-------------------------# ------------------------------ 看门狗，用来重启ESP32设备 --stop-------------------------
LVGL（lv_animimg）
m0_49476241的博客
05-26 837
lv_animimg是LVGL库中用于实现图像帧动画的组件。它通过封装动画引擎和图像组件，能够循环播放一组图片形成动画效果。使用时需创建对象、设置帧图片数组及数量、配置播放时长和重复次数后启动动画。注意帧图片大小需一致，格式需为lv_img_dsc_t类型。该组件适合播放GIF或PNG序列动画，可通过LVGL图像转换工具批量处理图片资源。典型应用场景包括加载动画等需要循环播放的帧序列效果。
LVGL V8之Gap动画
mygod2008ok的专栏
08-23 1387
row动画回调函数 static void row_gap_anim(void* obj, int32_t v) { lv_obj_set_style_pad_row(obj, v, 0); } column动画回调函数 static void column_gap_anim(void* obj, int32_t v) { lv_obj_set_style_pad_column(obj, v, 0); } 创建3x3按键行列间隔动画效果 static void lv_example_fl
【全csdn最前沿LVGL9】Animations动画
m0_62599305的博客
02-08 2571
动画在现代用户界面设计中扮演着至关重要的角色，它们不仅可以增加应用程序的视觉吸引力，还可以提高用户体验。LVGL 9带来了令人兴奋的新特性和改进，其中动画功能的增强是引人瞩目的。在本文中，我们将深入探讨LVGL 9中的动画功能，探索其新特性以及对用户界面设计的影响。LVGL 9的动画功能为用户界面设计带来了许多令人振奋的新机会。通过引入更多的动画效果和特性，LVGL 9使得开发人员能够创建更加生动、交互性更强的用户界面。
详解lvgl动画接口lv_anim_get
08-17
<think>我们正在讨论LVGL动画接口lv_anim_get的功能和用法。根据用户的问题，我们需要详细解释lv_anim_get函数。 首先，我们需要明确lv_anim_get函数的作用：它用于获取与指定动画相关的属性值。在LVGL中，动画（animation）是通过lv_anim_t结构体来描述的，而lv_anim_get函数可以查询动画的当前状态或属性。 函数原型通常如下（具体可能根据版本略有不同，但基本思想一致）： ```c int32_t lv_anim_get(lv_anim_t * anim, lv_anim_enum_t property); ``` 其中： - `anim`：指向lv_anim_t结构体的指针，表示一个动画实例。 - `property`：需要获取的属性，例如当前值、开始值、结束值等。这些属性由枚举`lv_anim_enum_t`定义。 常见的属性枚举值可能包括： - `LV_ANIM_CURRENT_VALUE`：获取动画的当前值。 - `LV_ANIM_START_VALUE`：获取动画的起始值。 - `LV_ANIM_END_VALUE`：获取动画的结束值。 - `LV_ANIM_DURATION`：获取动画的持续时间（毫秒）。 - `LV_ANIM_PLAYBACK_DELAY`：获取回放延迟时间（如果设置了回放）。 - 等等。 使用步骤： 1. 创建一个动画（lv_anim_t对象）并设置其参数（如执行变量、开始值、结束值、持续时间、回调函数等）。 2. 在动画运行过程中或运行后，可以通过lv_anim_get函数来查询动画的特定属性。 注意：由于动画是异步执行的，所以获取当前值可能在动画运行的不同时刻得到不同的结果。 示例代码： 假设我们创建了一个动画，用于改变一个对象（比如一个按钮）的宽度。我们想要在某个时刻获取该动画的当前值。 ```c // 定义动画结构体 lv_anim_t anim; lv_anim_init(&anim); lv_anim_set_var(&anim, btn); // 设置动画作用的对象 lv_anim_set_exec_cb(&anim, (lv_anim_exec_xcb_t)lv_obj_set_width); // 设置执行回调函数 lv_anim_set_values(&anim, 50, 200); // 设置起始值和结束值 lv_anim_set_time(&anim, 1000); // 设置持续时间（毫秒） lv_anim_start(&anim); // 启动动画 // 假设在某个时刻，我们想要获取当前动画的当前值 int32_t current_value = lv_anim_get(&anim, LV_ANIM_CURRENT_VALUE); printf("Current width: %d\n", current_value); ``` 但是，请注意：上面的示例中，我们在动画启动后立即获取当前值，可能得到的是起始值（因为动画是异步的，可能还没有开始执行）。因此，通常我们会在动画的回调函数中或者通过定时器在动画运行一段时间后再获取。 另外，需要注意的是，一个对象上可能同时运行多个动画（比如位置和透明度同时变化），所以我们需要确保传入的是正确的动画实例。 如果用户想要获取某个对象上特定动画的当前值，还可以使用另一个函数：`lv_anim_get_value(obj, anim_cb)`，其中`anim_cb`是动画的执行回调函数。这个函数可以获取对象上正在运行的某个动画的当前值。 例如： ```c int32_t current_width = lv_anim_get_value(btn, (lv_anim_exec_xcb_t)lv_obj_set_width); ``` 这个函数会遍历所有作用在`btn`对象上的动画，找到执行回调函数为`lv_obj_set_width`的动画，并返回其当前值。如果有多个同类型动画（比如多个改变宽度的动画），则返回最后一个被创建的动画的当前值。 因此，根据用户的需求，我们可以选择使用`lv_anim_get`（需要动画实例指针）或者`lv_anim_get_value`（需要对象和回调函数）来获取动画的当前值。 总结： - `lv_anim_get`用于直接通过动画实例获取属性。 - `lv_anim_get_value`用于通过对象和回调函数获取当前动画值。 用户可以根据自己的情况选择使用。 引用说明：以上内容基于LVGL官方文档和源码分析，具体使用时请参考当前使用的LVGL版本。 最后，生成相关问题： 1. 如何创建和启动一个LVGL动画？ 2. 如何同时为一个对象应用多个动画？ 3. LVGL动画的回调函数有哪些？如何使用？ 4. 如何停止或删除一个正在运行的动画？ 5. 如何获取动画的播放状态（如是否正在运行）？</think>### LVGL动画接口`lv_anim_get`详解 `lv_anim_get`是LVGL中用于**获取动画当前值**的关键接口，常用于实时追踪动画状态或同步其他操作。以下是详细解析： #### 1. **功能与作用** - **核心功能**：获取指定动画的当前插值结果（如位置、大小、透明度等）。 - **典型场景**： - 在动画执行过程中同步更新其他部件 - 实现复杂动画链（如一个动画结束后触发另一个） - 动态调整动画参数（如根据当前值修改速度） #### 2. **函数原型** ```c int32_t lv_anim_get(lv_anim_t * anim, lv_anim_value_t value); ``` - **参数**： - `anim`：指向动画对象（`lv_anim_t`）的指针 - `value`：动画的**目标属性值**（如结束值） - **返回值**：动画当前插值计算结果（`int32_t`类型） #### 3. **使用流程** ```c // 1. 定义动画对象 lv_anim_t anim; lv_anim_init(&anim); // 2. 配置动画参数 lv_anim_set_var(&anim, obj); // 作用对象（如按钮） lv_anim_set_exec_cb(&anim, set_width_cb); // 回调函数（设置宽度） lv_anim_set_values(&anim, 50, 200); // 起始值50 → 结束值200 lv_anim_set_time(&anim, 1000); // 持续时间1000ms // 3. 启动动画 lv_anim_start(&anim); // 4. 获取当前值（示例：在事件回调中） void event_cb(lv_event_t * e) { int32_t cur_val = lv_anim_get(&anim, 200); // 200是结束值 lv_label_set_text_fmt(label, "当前宽度:%d", cur_val); } ``` #### 4. **关键说明** - **插值计算**：根据动画进度曲线（默认为线性）实时计算中间值 - **依赖关系**：需先通过`lv_anim_set_values()`设置初始值和结束值 - **多动画协调**：对同一对象应用多个动画时，需分别获取各动画状态 - **性能考虑**：避免高频调用（如每帧获取），建议在必要事件中触发 #### 5. **典型应用场景** - **进度反馈**：在加载动画中显示实时进度百分比 - **联动效果**：拖动滑块时，同步更新其他部件位置 ```c // 滑块拖动事件中获取关联动画值 static void slider_event_cb(lv_event_t * e) { int32_t pos = lv_anim_get(&slider_anim, lv_slider_get_max_value(slider)); lv_obj_set_x(target_obj, pos); // 同步移动目标对象 } ``` - **条件中断**：当动画值达到阈值时停止动画 ```c if(lv_anim_get(&anim, 200) > 150) { lv_anim_del(&anim, NULL); // 删除动画 } ``` #### 6. **注意事项** 1. 确保动画对象（`lv_anim_t`）在获取时**未被释放** 2. 结束值参数`value`必须与`lv_anim_set_values()`设置的结束值一致 3. 在**动画未启动**时调用将返回起始值 4. 通过`lv_anim_custom_path_cb()`可自定义插值算法 > 提示：结合`lv_anim_get_playback_time()`等接口可构建更复杂的动画控制逻辑[^1][^2]。 --- ### 相关问题 1. 如何为LVGL动画设置自定义插值曲线（缓动函数）？ 2. 多个动画如何实现同步或链式触发？ 3. 动画执行过程中如何动态修改目标值？ 4. LVGL动画与屏幕加载动画（如`lv_scr_load_anim`）有何关联？ 5. 如何检测动画是否正在运行或已完成？ [^1]: LVGL官方文档 - 动画系统 [^2]: LVGL GitHub源码 - lv_anim.c [^3]: 《深入理解LVGL部件与动画机制》
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值