【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示 DF创客社区

温度监测在我们生活和生产中具有非常重要的作用，而使用Arduino控制器采集温度数值也是很多创客小伙伴在学习过程中必不可少的环节。
【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图4

今天我们使用LM35这款模拟电压输出型温度传感器来制作一个不同于以往的“温度计”：我们将温度数值图形化，在彩屏上直接用进度条的长度来表示温度的变化（如下图），非常的直观。
【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图3

而实现方法也非常的简单，下面我们就逐步来介绍一下。

要实现串口数据在彩屏端的图形化显示，我们需要完成三个步骤：
1、制作图形素材；2、使用工具软件制作资源文件；3、编写程序代码。
【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图5

第一步：制作图形素材
我们选择一个温度计图片，将液柱变化的部位裁剪下来：把不变的做成进度条的背景图，随温度变化的做成进度条实体图。如上图。
【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图6

第二部：制作资源文件
我们使用ATFUI_TOOL工具，使用进度条控件来制作温度计资源文件。
【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图7

我们选择进度条的方向（纵向），选择进度条重绘属性（位图绘制），然后把我们制作好的进度条背景和实体图片导入，最后设计进度条数值范围为：0-100.
【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图8

这样进度条控件就做好了。

为了更直观的显示温度值，我们在温度计上面再加一个数值控件，用来实时显示Arduino串口发来的数据。

【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图12

这样我们的资源文件就做好了。

【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图10

我们使用USB线，将制作好的资源文件下载到彩屏中。

第三步，编写程序：可以使用Arduino IDE，也可以使用米思齐。程序如下：

【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图14

上传程序到Arduino控制器。然后将Arduino控制器连接彩屏。

【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示图16

上电，启动程序，屏幕就可以实时显示当前的温度了。

本教程中用到的图片、代码和资源文件等素材，都可以在在这里下载：
资源下载：链接：https://pan.baidu.com/s/1A0IJMNr_n5F-gFk4NBaPjw?pwd=ATFC

[进阶] 【教程】使用Arduino和ATFC043彩屏将LM35温度数值图形化显示