ESP32(MicroPython)LVGL进度条动画 第三期

该程序使用MicroPython在ESP32上实现了LVGL库的进度条动画,动态随机设定高度、上升和下降时间。当程序通过Thonny运行时,可添加看门狗以便在停止程序时释放SPI资源,而直接在开发板上电运行时不推荐使用看门狗以确保程序稳定性。
摘要由CSDN通过智能技术生成

ESP32(MicroPython)LVGL进度条动画第三期

本程序改为随机设定进度条高度、上升时间和下降时间,参数范围经过调整。另外,

在给出程序的具体内容之前,先提一下测试时出现的情况。由于这次的程序是随机参数,在重新启动时可以生成不同的动画,本人把程序上载到开发板。经测试,如果程序是上电启动并且程序内有看门狗,程序上电启动后可以通过Thonny停止程序,但会触发看门狗重新启动程序,需要按boot键上电重新下载固件才能更改程序。因此如果程序只在Thonny上选择运行,可以增加看门狗以便在停止程序时释放SPI资源,不需要重新上电;如果上载到开发板上电运行则不宜添加看门狗(要求程序长期稳定运行的情况除外)。

代码如下(移除看门狗的版本):

import lvgl as lv
import time
from espidf import VSPI_HOST
from ili9XXX import ili9341
from xpt2046 import xpt2046
import fs_driver
import random

# ------------------------------ 屏幕初始化操作 --start------------------------
# 屏幕宽高
WIDTH = 240
HEIGHT = 320


# 创建显示屏对象
disp = ili9341(miso=19, mosi=23, clk=18, cs=5, dc=26, rst=27, power=14, backlight=-1, backlight_on=0, power_on=0, rot=0x80,
        spihost=VSPI_HOST, mhz=60, factor=16, hybrid=True, width=WIDTH, height=HEIGHT,
        invert=False, double_buffer=True, half_duplex=False, initialize=True)

# 创建触摸屏对象
touch = xpt2046(cs=25, spihost=VSPI_HOST, mosi=-1, miso=-1, clk=-1, cal_y0 = 423, cal_y1=3948)
# ------------------------------ 屏幕初始化操作 --stop------------------------


# 1. 创建显示screen对象。将需要显示的组件添加到这个screen才能显示
scr = lv.obj()  # scr====> screen 屏幕
fs_drv = lv.fs_drv_t()
fs_driver.fs_register(fs_drv, 'S')
scr = lv.scr_act()
scr.clean()


# 2. 封装要显示的组件
class MyWidget():
    def __init__(self, scr,x,w,h,t1,t2): #x轴偏移量,宽度,高度,上升时间,下降时间
        # 1. 创建进度条对象
        self.bar = lv.bar(scr)
        
        # 2. 创建样式对象
        style_indic = lv.style_t()
        style_indic.init()
        style_indic.set_bg_opa(lv.OPA.COVER)
        style_indic.set_bg_color(lv.palette_main(lv.PALETTE.RED))
        style_indic.set_bg_grad_color(lv.palette_main(lv.PALETTE.BLUE))
        style_indic.set_bg_grad_dir(lv.GRAD_DIR.VER)
        
        # 3. 给进度条设置样式
        self.bar.add_style(style_indic, lv.PART.INDICATOR)
        self.bar.set_size(w, h)
        self.bar.set_range(-50,50)
        self.bar.align(lv.ALIGN.BOTTOM_MID, x, -20)  # 设置位置
        # 4. 创建动画对象
        anim_obj = lv.anim_t()
        anim_obj.init()
        anim_obj.set_var(self.bar)
        anim_obj.set_values(-50, 50)
        anim_obj.set_time(t1)  # 设置从当前效果到指定效果的过度时间
        anim_obj.set_playback_time(t2)  # 设置从指定效果到之前效果的过度时间
        anim_obj.set_repeat_count(lv.ANIM_REPEAT_INFINITE)  # 设置重复
        anim_obj.set_custom_exec_cb(self.set_temp)  # 设置动画回调函数
        lv.anim_t.start(anim_obj)
        
    def set_temp(self, anim_obj, value):
        self.bar.set_value(value, lv.ANIM.ON)

# 3. 创建要显示的组件
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget1=MyWidget(scr,-100,15,h,t,tt)  #x轴偏移量,y轴偏移量,宽度,高度,上升时间,下降时间
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget2=MyWidget(scr,-75,15,h,t,tt)
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget3=MyWidget(scr,-50,15,h,t,tt)
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget4=MyWidget(scr,-25,15,h,t,tt)
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget5=MyWidget(scr,0,15,h,t,tt)
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget6=MyWidget(scr,25,15,h,t,tt)
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget7=MyWidget(scr,50,15,h,t,tt)
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget8=MyWidget(scr,75,15,h,t,tt)
h=random.randint(200,280)
t=random.randint(300,600)
tt=random.randint(150,300)
Widget9=MyWidget(scr,100,15,h,t,tt)

# 4. 显示screen对象中的内容
lv.scr_load(scr)

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
你可以使用 LVGL(Light and Versatile Graphics Library)来创建渐变效果的进度条。下面是一个使用 LVGL 创建渐变进度条的示例代码: ```c /* 创建一个父容器 */ lv_obj_t *parent = lv_cont_create(lv_scr_act(), NULL); lv_obj_set_size(parent, 200, 30); lv_obj_center(parent); /* 创建一个背景样式 */ static lv_style_t bg_style; lv_style_init(&bg_style); lv_style_set_bg_color(&bg_style, lv_color_hex(0xCCCCCC)); /* 创建一个进度条 */ lv_obj_t *progress_bar = lv_bar_create(parent, NULL); lv_obj_set_size(progress_bar, 180, 20); lv_obj_align(progress_bar, parent, LV_ALIGN_CENTER, 0, 0); lv_bar_set_range(progress_bar, 0, 100); // 设置进度条的范围 lv_bar_set_value(progress_bar, 40, LV_ANIM_ON); // 设置进度条的当前值,并启用动画 /* 创建一个前景样式 */ static lv_style_t fg_style; lv_style_init(&fg_style); lv_style_set_bg_color(&fg_style, lv_color_hex(0xFF0000)); // 设置前景样式为红色 /* 创建一个渐变样式 */ static lv_style_t grad_style; lv_style_init(&grad_style); lv_style_set_bg_grad_color(&grad_style, lv_color_hex(0xFF0000), lv_color_hex(0x00FF00), LV_GRAD_DIR_HOR); // 设置渐变色为红到绿的水平渐变 /* 应用样式到进度条 */ lv_bar_set_style(progress_bar, LV_BAR_STYLE_BG, &bg_style); lv_bar_set_style(progress_bar, LV_BAR_STYLE_INDIC, &grad_style); while (1) { lv_task_handler(); /* 持续更新界面 */ usleep(5000); } ``` 这个示例代码中,我们创建了一个父容器和一个进度条。我们设置进度条的范围为0到100,并将当前值设置为40,启用动画。然后,我们创建了背景样式和前景样式,并使用渐变样式设置进度条的渐变效果。最后,我们将样式应用到进度条上,并使用 `lv_task_handler()` 函数来持续更新界面。 请注意,这只是一个简单的示例代码,你可以根据自己的需求进行修改和扩展。希望对你有帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

路易斯720

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值