（软件05）串口屏的应用，让你的产品显得高级一点（上篇）

本文目录

•     学习前言
•     实操练习
•     单片机代码实现

学习前言

        不知道各位搞电路的、搞网关协议通信的各位老铁有没有这种感觉，只要电路板上用了显示屏，尤其是那种彩色屏、带触摸的产品就会显得特别的高级。看哪些带屏幕的产品实物时，发现屏幕连接处有很多根线，就觉得很复杂。我一开始也是有这种感觉，直到后来遇到了串口屏，串口屏，顾名思义，就是通过串口来控制屏幕，接着之前的公司和现在的公司在项目上有彩色显示屏的需求，我实际地接触应用上了串口屏，好像比想象中的容易，大家只要会用串口，有一点代码的框架即可上手。恰好的是，之前我也介绍了软件框架和串口的应用，正好把它们都写下来，算是同一个系列的内容了。

        老规矩，上封面图，开始分享。

        没错，用的正式淘宝上可以买到的陶晶驰串口屏幕，他们家的学习资料是一个网站，内容还是可以的，可惜我选的是不带动态插件的屏幕，也没选带触摸屏的，就单纯显示内容而已。

代码思路

  1.屏幕部分

  1.1屏幕先新建工程，起好名称。

1.2选择哪个系列的哪个尺寸的硬件。我的是T1，2.8寸的屏幕。

1.3选择旋转的方向，大家结合实物测试一下显示的方向。

1.4往空白屏幕里面放置需要的控件。

1.5修改控件的信息

举个要用到文字的例子，用到文字需要先添加字库，先介绍一下怎么加字库。

工具、字库制作

        这里选择字体大小，编码，字体类型等信息，然后输入名称生成字库即可，注意了，生成所有字符会导致文件很大的，建议大家按照指定字符去生成，然后在下面输入整个显示屏可能会用到的字符。

保存好字库后，点击左下角，添加字库进来，然后就可以使用文字了。

        回到控件内容，没字库修改控件内容是无效的，有字库后，修改为转速的名字，就可以显示了。

无字库效果

有字库效果

演示数字的用法，放置数字控件，修改val值的内容，改为520

演示图片的用法，放置图片控件，默认显示那张图片，介绍图片时，先介绍添加图片资源。

与字库一样，选择添加图片，添加完后，控件栏调用图片的控件，修改默认使用的图片。

选择显示ID为1的图片

        至此，基本的内容显示完毕，接下来是串口调试的效果。其他的控件和用法大家也可以看官网的文档介绍。

1.6编译、调试、下载，这个和单片机一样，修改了后就要编译在下载，但是调试可以不用编译就可以。

编译

下载

调试会弹出一个新的窗口。上面也有串口输入框，输入相关的内容可实现控制。

发送什么内容的话可以在手册上查找例子。直接搜索p0、n0、x0....

测试一下，显示不同的图片资源。

p1.pic = 1 是绿色图片的ID

p0.pic = 0 是红色图片的ID

测试一下，显示不同的数字

手册上的用法

修改为100

修改为123

单片机代码实现

        篇幅有点大了，没想到软件的介绍已经花掉了不少时间，单片机代码部分留在下篇介绍哈。

小弟感谢大家的关注！

      （利他之心，原创分享）