ESP32（Micro Python） LVGL 传感器数值显示

2023-11-17

本程序用于显示SR04超声波传感器和BMP280气压温度传感器的读数。由于高度数值类型不符合要求，BMP280改为显示气压和温度值。气压值分两部分显示，分别为千帕值-100（避免超出表盘显示范围）和千帕值的两位小数。由于标签不能显示动态数值，不使用数字显示。

目前本人只了解到仪表盘组件可以进行动态显示，但不能调节显示范围。如果有了解更多可进行动态显示的组件的读者请在评论区中告知。

代码如下

import lvgl as lv

import time

from espidf import VSPI_HOST

from ili9XXX import ili9341

from xpt2046 import xpt2046

import fs_driver

from machine import Pin

import random

from machine import SoftI2C

import bmp280

from hcsr04 import HCSR04

# ------------------------------ 屏幕初始化操作 --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------------------------

#定义HCSR04控制对象

hcsr04=HCSR04(trigger_pin=15, echo_pin=2)

#初始化BMP280，定义第二个I2C接口i2c2用于连接BMP280

i2c2 = SoftI2C(sda=Pin(22), scl=Pin(21))

BMP = bmp280.BMP280(i2c2)

# 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 Widget1():

def __init__(self, scr,s,x,y,r1,r2,v1,v2): #尺寸，x轴偏移量，y轴偏移量，动画起始值，动画结束值，开始处蓝色区域最大值，结尾处红色区域最小值

# 1. 创建仪表盘对象

self.meter = lv.meter(scr)

self.meter.align(lv.ALIGN.CENTER,x,y) # 居中（第1个0表示x的偏移量，第2个0表示相对于y的偏移量）

self.meter.set_size(s, s) # width: s height: s

# 2. 创建刻度线对象

scale = self.meter.add_scale()

# -------- 子刻度线 --------

# 51:短线的个数

# 1:短线宽度（单位像素）

# 7:短线长度

# 最后1个参数：颜色

self.meter.set_scale_ticks(scale, 21, 1, 7, lv.palette_main(lv.PALETTE.GREY))

# -------- 主刻度线 --------

# 10: 多少个子刻度线显示1个主刻度线

# 2: 宽度

# 10: 长度

# 下一个参数：颜色

# 10: 文字与线的距离 10像素

self.meter.set_scale_major_ticks(scale, 4, 2, 10, lv.color_black(), 5)

# 3. 添加警示刻度线

# 在起点添加蓝色弧

blue_arc = self.meter.add_arc(scale, 1, lv.palette_main(lv.PALETTE.BLUE), 0)

self.meter.set_indicator_start_value(blue_arc, r1)

self.meter.set_indicator_end_value(blue_arc, v1)

# 在刻度开始处使刻度线为蓝色

blue_arc_scale = self.meter.add_scale_lines(scale, lv.palette_main(lv.PALETTE.BLUE), lv.palette_main(lv.PALETTE.BLUE), False, 0)

self.meter.set_indicator_start_value(blue_arc_scale, r1)

self.meter.set_indicator_end_value(blue_arc_scale, v1)

# 在末端添加红色弧

red_arc = self.meter.add_arc(scale, 1, lv.palette_main(lv.PALETTE.RED), 0)

self.meter.set_indicator_start_value(red_arc, v2)

self.meter.set_indicator_end_value(red_arc, r2)

# 使刻度线在刻度末端变为红色

red_arc_scale = self.meter.add_scale_lines(scale, lv.palette_main(lv.PALETTE.RED), lv.palette_main(lv.PALETTE.RED), False, 0)

self.meter.set_indicator_start_value(red_arc_scale, v2)

self.meter.set_indicator_end_value(red_arc_scale, r2)

# 4. 仪表指针

# 4: 宽度

# 下一参数：颜色

# -10：指针与刻度线距离

self.indic = self.meter.add_needle_line(scale, 2, lv.palette_main(lv.PALETTE.GREY), -5)

# 5. 创建动画对象

a = lv.anim_t()

a.init()

a.set_var(self.indic)

temp = self.timer_cb()

a.set_values(0, temp)

a.set_time(500)

# a.set_repeat_delay(100)

# a.set_playback_time(500)

# a.set_playback_delay(100)

# a.set_repeat_count(lv.ANIM_REPEAT_INFINITE)

a.set_custom_exec_cb(self.set_value)

lv.anim_t.start(a)

# 创建一个标签label

self.label = lv.label(scr)

self.label.set_text("Distance_cm") # 默认值

self.label.align_to(self.meter, lv.ALIGN.OUT_BOTTOM_MID, 0, 5) # label的中间与滑块的上外边框中间对齐，然后y向下5像素 x不变

# 6. 添加定时器

lv.timer_create(self.timer_cb, 200, None) # 延时

def set_value(self, anmi_obj, value):

"""动画回调函数"""

self.meter.set_indicator_value(self.indic, value)

def timer_cb(self, timer=None):

"""定时器回调函数"""

ret=round(hcsr04.distance_cm()/1)

self.meter.set_indicator_value(self.indic, ret)

return ret

class Widget2():