Arduinowilliam hill官网
直播中

京小亿

2年用户 27经验值
私信 关注
[经验]

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

温度监测在我们生活和生产中具有非常重要的作用,而使用Arduino控制器采集温度数值也是很多创客小伙伴在学习过程中必不可少的环节。
0002串口监视器.jpg
0001.jpg
今天我们使用LM35这款模拟电压输出型温度传感器来制作一个不同于以往的“温度计”:我们将温度数值图形化,在彩屏上直接用进度条的长度来表示温度的变化(如下图),非常的直观。
0005实验效果图.jpg

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

要实现串口数据在彩屏端的图形化显示,我们需要完成三个步骤:
1、制作图形素材;2、使用工具软件制作资源文件;3、编写程序代码。
0006.jpg

第一步:制作图形素材
我们选择一个温度计图片,将液柱变化的部位裁剪下来:把不变的做成进度条的背景图,随温度变化的做成进度条实体图。如上图。
18-1.jpg
第二部:制作资源文件
我们使用ATFUI_TOOL工具,使用进度条控件来制作温度计资源文件。
21.jpg
23.jpg

25.jpg
我们选择进度条的方向(纵向),选择进度条重绘属性(位图绘制),然后把我们制作好的进度条背景和实体图片导入,最后设计进度条数值范围为:0-100.
这样进度条控件就做好了。
26.jpg

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

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

41.jpg
42.jpg
我们使用USB线,将制作好的资源文件下载到彩屏中。

第三步,编写程序:可以使用Arduino IDE,也可以使用米思齐。程序如下:
44.jpg
45.jpg

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

46.jpg
0004实验效果图1.jpg
上电,启动程序,屏幕就可以实时显示当前的温度了。

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

Arduino教程温度采集

回帖(1)

京小亿

2023-5-11 09:43:51
有网友私信,为什么使用帖子中的代码,数据不能更新,这里统一回复一下:@Set ID号,后面需要加一个空格,或者加一个其他符号和后面的数据隔离。
举报

更多回帖

发帖
×
20
完善资料,
赚取积分