【行空板教程】写字板

前言

我们知道行空板有一块2.8寸的彩屏还一块触摸屏，不搞点事情总感觉浪费了，之前做了语音识别的教程，很多读者都用语音识别做了很多有趣的小项目，那么我就想能不能做一个手写输入法呢？这篇教程算是前期准备教程，我们如何运用行空板库已有的API来做一个写字板呢？好了，废话不多说了，就让开始本次的教程吧。

项目思路

在我们触控屏幕的时候，其实我们的鼠标会跟着我们的手指进行移动，这个是个适合会返回鼠标的（x,y）坐标，我们使用一个列表保存所有移动过的点，然后要画线的时候，循环遍历列表，依次画出列表中点到定点之间的线即可。把所有相邻两个点之间都画一条线，就能断断续续连成鼠标的痕迹了。

程序编写

1、写字板1.0

from unihiker import GUI   #导入包
import timegui=GUI()  #实例化GUI类
pos_xy = [] # 用来装鼠标的坐标。gui.on_a_click(lambda: line_clear()) # A键盘被按下 清屏所有gui对象和pox_xy列表中的数据
gui.on_b_click(lambda: pos_xy.clear()) # B按键被按下，清空pox_xy列表def line_clear():gui.clear()pos_xy.clear()def mouse_move(x, y):'''首先判断pos_xy列表中是不是至少有两个点了然后将pos_xy中第一个点赋值给point_start利用中间变量pos_tmp遍历整个pos_xy列表point_end = pos_tmp画point_start到point_end之间的线point_start = point_end这样，不断地将相邻两个点之间画线，就能留下鼠标移动轨迹了'''pos_xy.append([x,y])if len(pos_xy) > 1:point_start = pos_xy[0]for pos_tmp in pos_xy:point_end = pos_tmpgui.draw_line(x0=point_start[0],y0=point_start[1],x1=point_end[0],y1=point_end[1],width=2, color=(122,222,125))point_start = point_endgui.on_mouse_move(mouse_move)       while True:#增加等待，防止程序退出和卡住time.sleep(1)

效果：

2、写字板2.0

从上面的效果，我们实现了写字的功能，但是我们写1后抬手准备写2，它就会默认把我们的1的尾部和2的头相连。那么我们如果解决呢？这里我看了行空板的库没有找到屏幕是否被按下的API，又或者是鼠标不被按下后无返回值。这里我主要是使用了time函数来标记。

具体程序如下：

from unihiker import GUI   #导入包
import timegui=GUI()  #实例化GUI类
pos_xy = [] # 用来装鼠标的坐标。
temp_time =0  gui.on_a_click(lambda: line_clear())
gui.on_b_click(lambda: pos_xy.clear())
def line_clear():gui.clear()pos_xy.clear()def mouse_move(x, y):global temp_timetemp_time = time.time()'''首先判断pos_xy列表中是不是至少有两个点了然后将pos_xy中第一个点赋值给point_start利用中间变量pos_tmp遍历整个pos_xy列表point_end = pos_tmp画point_start到point_end之间的线point_start = point_end这样，不断地将相邻两个点之间画线，就能留下鼠标移动轨迹了'''pos_xy.append([x,y])if len(pos_xy) > 1:point_start = pos_xy[0]for pos_tmp in pos_xy:point_end = pos_tmpgui.draw_line(x0=point_start[0],y0=point_start[1],x1=point_end[0],y1=point_end[1],width=2, color=(122,222,125))point_start = point_endgui.on_mouse_move(mouse_move)       while True:#增加等待，防止程序退出和卡住time.sleep(1)if(time.time() - temp_time > 0.0001 ):pos_xy.clear()

效果：

注：目前字体与字体之间的连线，我目前还没有一个更好的办法DEBUG:尝试了两点坐标的偏差值来判断，

if( x-temp_x > 20 or y-temp_y >20):pos_xy.clear()
temp_x = x
temp_y = y

效果不佳，如果官方给一个屏幕是否被按下的API，上述问题就很轻松解决了

3、写字板3.0

from unihiker import GUI   #导入包
import timegui=GUI()  #实例化GUI类pos_xy = [] # 用来装鼠标的坐标。
temp_time =0
penColor="black"
#每个色块被点击，我们就改变线条的颜色
gui.fill_rect(x=0, y=0, w=40, h=30,  color="green",onclick=lambda: changeColor("green"))
gui.fill_rect(x=40, y=0, w=40, h=30,  color="red",onclick=lambda: changeColor("red"))
gui.fill_rect(x=80, y=0, w=40, h=30,  color="blue",onclick=lambda: changeColor("blue"))
gui.fill_rect(x=120, y=0, w=40, h=30,  color="black",onclick=lambda: changeColor("black"))
gui.fill_rect(x=160, y=0, w=40, h=30,  color="orange",onclick=lambda: changeColor("orange"))
gui.fill_rect(x=200, y=0, w=40, h=30,  color="pink",onclick=lambda: changeColor("pink"))gui.on_a_click(lambda: line_clear())
gui.on_b_click(lambda: pos_xy.clear())def changeColor(color):# 切换线条颜色global penColorpenColor = colorprint(penColor)def line_clear():# 清屏操作gui.clear()pos_xy.clear()gui.fill_rect(x=0, y=0, w=40, h=30,  color="green",onclick=lambda: changeColor("green"))gui.fill_rect(x=40, y=0, w=40, h=30,  color="red",onclick=lambda: changeColor("red"))gui.fill_rect(x=80, y=0, w=40, h=30,  color="blue",onclick=lambda: changeColor("blue"))gui.fill_rect(x=120, y=0, w=40, h=30,  color="black",onclick=lambda: changeColor("black"))gui.fill_rect(x=160, y=0, w=40, h=30,  color="orange",onclick=lambda: changeColor("orange"))gui.fill_rect(x=200, y=0, w=40, h=30,  color="pink",onclick=lambda: changeColor("pink"))def mouse_move(x, y):# 画线global temp_time,penColortemp_time = time.time()'''首先判断pos_xy列表中是不是至少有两个点了然后将pos_xy中第一个点赋值给point_start利用中间变量pos_tmp遍历整个pos_xy列表point_end = pos_tmp画point_start到point_end之间的线point_start = point_end这样，不断地将相邻两个点之间画线，就能留下鼠标移动轨迹了'''pos_xy.append([x,y])if len(pos_xy) > 1:point_start = pos_xy[0]for pos_tmp in pos_xy:point_end = pos_tmpline_text= gui.draw_line(x0=point_start[0],y0=point_start[1],x1=point_end[0],y1=point_end[1],width=4,color=penColor)point_start = point_endgui.on_mouse_move(mouse_move)       while True:#增加等待，防止程序退出和卡住time.sleep(1)if(time.time() - temp_time > 0.000001 ):pos_xy.clear()

效果：

总结

enen~!本次【行空板教程】写字板到这里就结束了，里面有些功能的实现还不算太完美，如果读者有更好的办法，欢迎讨论。现在我们可以实现写字的功能了，那么距离我们手写输入法是不是更近了一步。【行空板教程】手写输入法敬请期待，更多教程欢迎关注个人公众号：跟着hockel玩科创。