一、目的

        这一节我们学习如何运用我们的ESP32开发板来控制ILI9341 3.2寸TFT-LCD触摸屏停止LVGL图形化编程：控件显现。

二、环境

        ESP32 + ILI9341 3.2寸TFT-LCD触摸屏+ Thonny IDE + 几根杜邦线

接线办法：见前面文章。

三、滑杆代码

import lvgl as lv

import time

from espidf import VSPI_HOST

from ili9XXX import ili9341

from xpt2046 import xpt2046

import fs_driver

# ------------------------------ 屏幕初始化操作 --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)  # 触摸屏芯片型号xpt2046

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

        # 创立滑块slider组件

        self.slider = lv.slider(scr)

        self.slider.set_width(180)  # 设置滑块的长度

        # self.slider.set_range(10, 50)  # 默许值是0-100

        self.slider.center()  # 在窗口的中间位置

        self.slider.add_event_cb(self.slider_event_cb, lv.EVENT.VALUE_CHANGED, None)  # 添加事情的回调函数

        # 创立一个标签label

        self.label = lv.label(scr)

        self.label.set_text("0")  # 默许值

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

    def slider_event_cb(self, evt):

        slider = evt.get_target()

        # 修正label的值

        self.label.set_text(str(slider.get_value()))

# 3. 创立要显现的组件

MyWidget(scr)

# 4. 显现screen对象中的内容

lv.scr_load(scr)

# ------------------------------ 看门狗，用来重启ESP32设备 --start------------------------

try:

    from machine import WDT

    wdt = WDT(timeout=1000)  # enable it with a timeout of 2s

    print("提示: 按下键盘Ctrl+C键完毕程序")

    while True:

        wdt.feed()

        time.sleep(0.9)

except KeyboardInterrupt as ret:

    print("程序中止运转，ESP32曾经重启...")

    time.sleep(10)

一、目的

        这一节我们学习如何运用我们的ESP32开发板来控制ILI9341 3.2寸TFT-LCD触摸屏停止LVGL图形化编程：控件显现。

二、环境

        ESP32 + ILI9341 3.2寸TFT-LCD触摸屏+ Thonny IDE + 几根杜邦线

接线办法：见前面文章。

三、滑杆代码

import lvgl as lv

import time

from espidf import VSPI_HOST

from ili9XXX import ili9341

from xpt2046 import xpt2046

import fs_driver

# ------------------------------ 屏幕初始化操作 --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)  # 触摸屏芯片型号xpt2046

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

        # 创立滑块slider组件

        self.slider = lv.slider(scr)

        self.slider.set_width(180)  # 设置滑块的长度

        # self.slider.set_range(10, 50)  # 默许值是0-100

        self.slider.center()  # 在窗口的中间位置

        self.slider.add_event_cb(self.slider_event_cb, lv.EVENT.VALUE_CHANGED, None)  # 添加事情的回调函数

        # 创立一个标签label

        self.label = lv.label(scr)

        self.label.set_text("0")  # 默许值

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

    def slider_event_cb(self, evt):

        slider = evt.get_target()

        # 修正label的值

        self.label.set_text(str(slider.get_value()))

# 3. 创立要显现的组件

MyWidget(scr)

# 4. 显现screen对象中的内容

lv.scr_load(scr)

# ------------------------------ 看门狗，用来重启ESP32设备 --start------------------------

try:

    from machine import WDT

    wdt = WDT(timeout=1000)  # enable it with a timeout of 2s

    print("提示: 按下键盘Ctrl+C键完毕程序")

    while True:

        wdt.feed()

        time.sleep(0.9)

except KeyboardInterrupt as ret:

    print("程序中止运转，ESP32曾经重启...")

    time.sleep(10)

一、目的

        这一节我们学习如何运用我们的ESP32开发板来控制ILI9341 3.2寸TFT-LCD触摸屏停止LVGL图形化编程：控件显现。

二、环境

        ESP32 + ILI9341 3.2寸TFT-LCD触摸屏+ Thonny IDE + 几根杜邦线

接线办法：见前面文章。

三、滑杆代码

import lvgl as lv

import time

from espidf import VSPI_HOST

from ili9XXX import ili9341

from xpt2046 import xpt2046

import fs_driver

# ------------------------------ 屏幕初始化操作 --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)  # 触摸屏芯片型号xpt2046

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

        # 创立滑块slider组件

        self.slider = lv.slider(scr)

        self.slider.set_width(180)  # 设置滑块的长度

        # self.slider.set_range(10, 50)  # 默许值是0-100

        self.slider.center()  # 在窗口的中间位置

        self.slider.add_event_cb(self.slider_event_cb, lv.EVENT.VALUE_CHANGED, None)  # 添加事情的回调函数

        # 创立一个标签label

        self.label = lv.label(scr)

        self.label.set_text("0")  # 默许值

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

    def slider_event_cb(self, evt):

        slider = evt.get_target()

        # 修正label的值

        self.label.set_text(str(slider.get_value()))

# 3. 创立要显现的组件

MyWidget(scr)

# 4. 显现screen对象中的内容

lv.scr_load(scr)

# ------------------------------ 看门狗，用来重启ESP32设备 --start------------------------

try:

    from machine import WDT

    wdt = WDT(timeout=1000)  # enable it with a timeout of 2s

    print("提示: 按下键盘Ctrl+C键完毕程序")

    while True:

        wdt.feed()

        time.sleep(0.9)

except KeyboardInterrupt as ret:

    print("程序中止运转，ESP32曾经重启...")

    time.sleep(10)

一、目的

        这一节我们学习如何运用我们的ESP32开发板来控制ILI9341 3.2寸TFT-LCD触摸屏停止LVGL图形化编程：控件显现。

二、环境

        ESP32 + ILI9341 3.2寸TFT-LCD触摸屏+ Thonny IDE + 几根杜邦线

接线办法：见前面文章。

三、滑杆代码

import lvgl as lv

import time

from espidf import VSPI_HOST

from ili9XXX import ili9341

from xpt2046 import xpt2046

import fs_driver

# ------------------------------ 屏幕初始化操作 --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)  # 触摸屏芯片型号xpt2046

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

        # 创立滑块slider组件

        self.slider = lv.slider(scr)

        self.slider.set_width(180)  # 设置滑块的长度

        # self.slider.set_range(10, 50)  # 默许值是0-100

        self.slider.center()  # 在窗口的中间位置

        self.slider.add_event_cb(self.slider_event_cb, lv.EVENT.VALUE_CHANGED, None)  # 添加事情的回调函数

        # 创立一个标签label

        self.label = lv.label(scr)

        self.label.set_text("0")  # 默许值

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

    def slider_event_cb(self, evt):

        slider = evt.get_target()

        # 修正label的值

        self.label.set_text(str(slider.get_value()))

# 3. 创立要显现的组件

MyWidget(scr)

# 4. 显现screen对象中的内容

lv.scr_load(scr)

# ------------------------------ 看门狗，用来重启ESP32设备 --start------------------------

try:

    from machine import WDT

    wdt = WDT(timeout=1000)  # enable it with a timeout of 2s

    print("提示: 按下键盘Ctrl+C键完毕程序")

    while True:

        wdt.feed()

        time.sleep(0.9)

except KeyboardInterrupt as ret:

    print("程序中止运转，ESP32曾经重启...")

    time.sleep(10)