Micropython学习交流群 学习QQ群:786510434 提供多种固件下载和学习交流。

Micropython-扇贝物联 QQ群:31324057 扇贝物联是一个让你与智能设备沟通更方便的物联网云平台

Micropython学习交流群 学习QQ群:468985481 学习交流ESP8266、ESP32、ESP8285、wifi模块开发交流、物联网。

Micropython老哥俩的IT农场分享QQ群:929132891 为喜欢科创制作的小白们分享一些自制的计算机软硬件免费公益课程,由两位多年从事IT研发的中年大叔发起。

Micropython ESP频道

ESP32(MicroPython) LVGL多功能显示


ESP32(MicroPython)LVGL多功能显示

本程序显示内容与本人之前发布的TFT LCD多功能显示程序相似,显示日期、时间以及BMP280的温度、气压、高度读数。增加了图片显示。

本程序在由于按钮用于显示字符,为了方便更新字符内容,按钮不封装为类。图片仍然封装为类。图片显示实测只能到176*99分辨率,192*108分辨率的会出现内存分配不足的情况,如果更改固件的设定可能解决这一问题(实际上只使用了开发板的小部分内存)。


代码如下

import lvgl as lv
import time
from espidf import VSPI_HOST
from ili9XXX import ili9341
from xpt2046 import xpt2046
from machine import Pin
from machine import SoftI2C
from machine import RTC
import DS1302
import bmp280
 
# ------------------------------ 屏幕初始化操作 --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------------------------
 
#定义RTC控制对象
rtc=RTC()
#定义DS1302控制对象
ds1302=DS1302.DS1302(clk=Pin(13),dio=Pin(12),cs=Pin(15))
#定义星期
week=("Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday")
#初始化BMP280,定义第二个I2C接口i2c2用于连接BMP280
i2c2 = SoftI2C(sda=Pin(22), scl=Pin(21))
BMP = bmp280.BMP280(i2c2)
 
rtc_time=rtc.datetime()
ds_time=ds1302.DateTime()
if rtc_time[0]==ds_time[0] : #在电脑启动时会自动校准RTC,判断RTC时间没有重置时同步校准DS1302
    ds1302.DateTime([rtc_time[0],rtc_time[1],rtc_time[2],rtc_time[3],rtc_time[4],rtc_time[5],rtc_time[6]])
if rtc_time[0]!=ds_time[0] : #如果程序上电启动,RTC会因断电重置,此时用DS1302校准RTC
    rtc.datetime((ds_time[0],ds_time[1],ds_time[2],ds_time[3],ds_time[4],ds_time[5],ds_time[6],0))    
 
# 1. 创建显示screen对象。将需要显示的组件添加到这个screen才能显示
scr = lv.obj()
 
# 2. 封装要显示的组件
class MyWidget():
    def __init__(self, scr):
        # Create an image from the png file
        try:
            with open('./image.jpg', 'rb') as f:
                png_data = f.read()
        except:
            print("找不到图片文件...")
            sys.exit()
 
        img = lv.img_dsc_t({"data_size": len(png_data),"data": png_data})
 
        # 创建样式
        img_style = lv.style_t()
        img_style.init()
        # 设置背景颜色,圆角
        img_style.set_radius(5)
        img_style.set_bg_opa(lv.OPA.COVER)
        img_style.set_bg_color(lv.palette_lighten(lv.PALETTE.GREY, 3))
        # 设置边框以及颜色
        img_style.set_border_width(2)
        img_style.set_border_color(lv.palette_main(lv.PALETTE.BLUE))
 
        # 创建lvgl中的图片组件
        obj = lv.img(scr)
        # 添加图片数据
        obj.set_src(img)
        # 添加样式
        obj.add_style(img_style, 0)
 
        # 设置图片位置
        obj.align(lv.ALIGN.CENTER,0,-90)  # 距屏幕中心偏移量
 
btn1 = lv.btn(scr)  # 将当前按钮与screen对象进行关联
btn1.set_size(180, 30)  # 设置按钮的宽度为120, 高度为50
btn1.align(lv.ALIGN.CENTER,0,-10)  # 距屏幕中心偏移量
label1 = lv.label(btn1)  # 在按钮上创建一个标签Label,用来显示文字用
label1.set_text("Button")  # 设置文字内容
label1.center()  # 相对于父对象居中
 
btn2 = lv.btn(scr)  # 将当前按钮与screen对象进行关联
btn2.set_size(120, 30)  # 设置按钮的宽度为120, 高度为50
btn2.align(lv.ALIGN.CENTER,0,25)  # 距屏幕中心偏移量
label2 = lv.label(btn2)  # 在按钮上创建一个标签Label,用来显示文字用
label2.set_text("Button")  # 设置文字内容
label2.center()  # 相对于父对象居中
 
btn3 = lv.btn(scr)  # 将当前按钮与screen对象进行关联
btn3.set_size(180, 30)  # 设置按钮的宽度为120, 高度为50
btn3.align(lv.ALIGN.CENTER,0,65)  # 距屏幕中心偏移量
label3 = lv.label(btn3)  # 在按钮上创建一个标签Label,用来显示文字用
label3.set_text("Button")  # 设置文字内容
label3.center()  # 相对于父对象居中
 
btn4 = lv.btn(scr)  # 将当前按钮与screen对象进行关联
btn4.set_size(180, 30)  # 设置按钮的宽度为120, 高度为50
btn4.align(lv.ALIGN.CENTER,0,100)  # 居中(第1个0表示x的偏移量,第2个0表示相对于y的偏移量)
label4 = lv.label(btn4)  # 在按钮上创建一个标签Label,用来显示文字用
label4.set_text("Button")  # 设置文字内容
label4.center()  # 相对于父对象居中
 
btn5 = lv.btn(scr)  # 将当前按钮与screen对象进行关联
btn5.set_size(180, 30)  # 设置按钮的宽度为120, 高度为50
btn5.align(lv.ALIGN.CENTER,0,135)  # 居中(第1个0表示x的偏移量,第2个0表示相对于y的偏移量)
label5 = lv.label(btn5)  # 在按钮上创建一个标签Label,用来显示文字用
label5.set_text("Button")  # 设置文字内容
label5.center()  # 相对于父对象居中
 
# 3. 创建要显示的组件
MyWidget(scr)
# 4. 显示screen对象中的内容
lv.scr_load(scr)
 
try:
    from machine import WDT
    wdt = WDT(timeout=2000)  # enable it with a timeout of 2s
    print("提示: 按下Ctrl+C结束程序")
    while True:
        wdt.feed()
        rtc_time=rtc.datetime()
        label1.set_text(str(rtc_time[0])+'-'+str(rtc_time[1])+'-'+str(rtc_time[2])+'  '+str(week[rtc_time[3]]))  # 修改文字内容
        label2.set_text(str(rtc_time[4])+' : '+str(rtc_time[5])+' : '+str(rtc_time[6]))
        label3.set_text('Temperature: '+str(BMP.getTemp())+' C')
        label4.set_text('Pressure: '+str(BMP.getPress()) + ' Pa')
        label5.set_text('Altitude: '+str(BMP.getAltitude()) + ' M')
        time.sleep(0.9)
except KeyboardInterrupt as ret:
    print("程序停止运行,ESP32已经重启...")


————————————————

版权声明:本文为CSDN博主「路易斯720」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_74155302/article/details/131386772




推荐分享
图文皆来源于网络,内容仅做公益性分享,版权归原作者所有,如有侵权请告知删除!
 

Copyright © 2014 ESP56.com All Rights Reserved

执行时间: 0.012008905410767 seconds