触摸屏按钮
前言
上两节我们分别学习了LCD显示和触摸屏操作，这一节我们就来整合一下，做一个好玩的东西，那就是生成触摸按钮。由于麦哲伦开发板上只有3个功能按键，而使用LCD和触摸屏则可以创建非常多的按钮来执行我们的任务。而且操作更直观。
实验平台
麦哲伦MicroPython开发套件 + 4.3寸RGB显示屏（电容触摸）/ 7寸RGB显示屏（电容触摸）/ 4.3寸MUC屏（电容触摸） 其中一款。
实验目的
生成触摸按钮，实现触摸控制LED灯状态变换。
实验讲解
学习到现在的你可以思考一下，会用什么方法来实现这个功能呢？你或许会想在LCD上画一个填充矩形，然后获取触摸坐标，跟这个矩形位置对上后就判断这个按钮被按下了。
没错，这个原理是可行的，看似很简单，但我们还需考虑很多问题，比如触摸后用什么方式执行任务效率最高？如果区分不同按钮以及它们之间是否存在冲突。当你这么思考的时候，就是在开始构建一个简单GUI（图形用户界面）。
还是那句，人生苦短，01studio已经将底层封装好，用户只需要直接学会对象的使用即可。我们来看看触摸按钮对象：
TouchButton对象
构造函数
gui.TouchButton(x, y, width, height, color, label, label_color, callback)
构建触摸按钮对象。构建前需要先初始化LCD和触摸屏。
x: 按钮起始横坐标y: 按钮起始纵坐标width: 按钮宽度height: 按钮高度color: 按钮颜色label: 按钮标签label_color: 标签字体颜色callback: 按钮回调函数，按下松开后触发；
使用方法
gui.task_handler()
执行所有任务。也就是执行按钮回调函数里面的代码。
TouchButton.ID()
获取当前触摸ID的编号。
更多用法请阅读官方文档：
https://docs.01studio.cc/library/gui/gui.html#touchbutton
从上表可以看到只需要简单的语句便实现了触摸按钮的构建，我们可以构建2个按钮，分别控制LED和打印信息，编程思路如下：
参考代码
4.3寸RGB屏代码
'''
实验名称：触摸按钮
版本：v1.0
平台：麦哲伦开发板+4.3寸RGB屏
作者：01Studio
社区：www.01studio.cc
说明：编程实现触摸按钮控制LED。
'''
from tftlcd import LCD43R
from touch import FT5436
from pyb import LED,Timer
import gui,time
#定义常用颜色
BLACK = (0,0,0)
WHITE = (255,255,255)
RED = (255,0,0)
GREEN = (0,255,0)
BLUE = (0,0,255)
ORANGE =(0xFF,0x7F,0x00) #橙色
#LCD初始化
d = LCD43R(portrait=4) #竖屏
d.fill(WHITE) #填充白色
#触摸屏初始化
t = FT5436(portrait=4)#默认方向
#####################
#定义2个按键和回调函数
#####################
def fun1(B1):
LED(3).toggle() #LED3状态翻转
def fun2(B2):
LED(4).toggle() #LED4状态翻转
B1 = gui.TouchButton(140,200,200,100,ORANGE,'LED3',WHITE,fun1)
B2 = gui.TouchButton(140,500,200,100,BLUE,'LED4',WHITE,fun2)
#############################
#### 定时器用于触发按钮事件 ##
#############################
tim_flag = 0
def count(tim):
global tim_flag
tim_flag = 1
tim = Timer(1,freq=50) #20ms刷新一次
tim.callback(count)
while True:
#执行按钮触发的任务
if tim_flag == 1:
t.tick_inc()
gui.task_handler()
tim_flag = 0
7寸RGB屏代码
'''
实验名称：触摸按钮
版本：v1.0
平台：麦哲伦开发板+7寸RGB屏
作者：01Studio
社区：www.01studio.cc
说明：编程实现触摸按钮控制LED。
'''
from tftlcd import LCD7R
from touch import GT911
from pyb import LED,Timer
import gui,time
#定义常用颜色
BLACK = (0,0,0)
WHITE = (255,255,255)
RED = (255,0,0)
GREEN = (0,255,0)
BLUE = (0,0,255)
ORANGE =(0xFF,0x7F,0x00) #橙色
#LCD初始化
d = LCD7R(portrait=4) #竖屏
d.fill(WHITE) #填充白色
#触摸屏初始化
t = GT911(portrait=4)#跟显示屏方向一致
#####################
#定义2个按键和回调函数
#####################
def fun1(B1):
LED(3).toggle() #LED3状态翻转
def fun2(B2):
LED(4).toggle() #LED4状态翻转
B1 = gui.TouchButton(140,200,200,100,ORANGE,'LED3',WHITE,fun1)
B2 = gui.TouchButton(140,500,200,100,BLUE,'LED4',WHITE,fun2)
#############################
#### 定时器用于触发按钮事件 ##
#############################
tim_flag = 0
def count(tim):
global tim_flag
tim_flag = 1
tim = Timer(1,freq=50) #20ms刷新一次
tim.callback(count)
while True:
#执行按钮触发的任务
if tim_flag == 1:
t.tick_inc()
gui.task_handler()
tim_flag = 0
4.3寸MCU屏代码
'''
实验名称：触摸按钮
版本：v1.0
平台：麦哲伦开发板+4.3寸MCU屏
作者：01Studio
社区：www.01studio.cc
说明：编程实现触摸按钮控制LED。
'''
from tftlcd import LCD43M
from touch import GT1151
from pyb import LED,Timer
import gui,time
#定义常用颜色
BLACK = (0,0,0)
WHITE = (255,255,255)
RED = (255,0,0)
GREEN = (0,255,0)
BLUE = (0,0,255)
ORANGE =(0xFF,0x7F,0x00) #橙色
#LCD初始化
d = LCD43M() #默认方向
d.fill(WHITE) #填充白色
#触摸屏初始化
t = GT1151()#默认方向
#####################
#定义2个按键和回调函数
#####################
def fun1(B1):
LED(3).toggle() #LED3状态翻转
def fun2(B2):
LED(4).toggle() #LED4状态翻转
B1 = gui.TouchButton(140,200,200,100,ORANGE,'LED3',WHITE,fun1)
B2 = gui.TouchButton(140,500,200,100,BLUE,'LED4',WHITE,fun2)
#############################
#### 定时器用于触发按钮事件 ##
#############################
tim_flag = 0
def count(tim):
global tim_flag
tim_flag = 1
tim = Timer(1,freq=50) #20ms刷新一次
tim.callback(count)
while True:
#执行按钮触发的任务
if tim_flag == 1:
t.tick_inc()
gui.task_handler()
tim_flag = 0
Micropython所有中断回调函数都不支持新的内存分配语句，否则会报错，因此可以通过定义全局变量（global），在回调函数修改，然后在主循环函数判断然后做出相应的控制。
实验结果
根据自己屏的型号选择上方对应代码运行，可以看到LCD显示屏上生成了2个按钮，分别点击每个按钮，可以看到对应的LED3和LED4状态发生翻转。
- 点击“Button”按钮，可以看到串口打印出“Button is Pressed!”信息。
触摸按钮实现简单但却是用途非常广泛的功能，有了自定义按键，我们就可以通过触摸按键来实现所有外设设备的交互。让设备的控制变得更简单有趣。当前颜色、尺寸、标签等都为可修改项，大大提高了用户编程的灵活性。