標(biāo)題: [教程]使用Arduino和ATFC043彩屏將LM35溫度數(shù)值圖形化顯示 [打印本頁(yè)]
作者: 京小億    時(shí)間: 2022-4-12 16:34
標(biāo)題: [教程]使用Arduino和ATFC043彩屏將LM35溫度數(shù)值圖形化顯示


溫度監(jiān)測(cè)在我們生活和生產(chǎn)中具有非常重要的作用，而使用Arduino控制器采集溫度數(shù)值也是很多創(chuàng)客小伙伴在學(xué)習(xí)過(guò)程中必不可少的環(huán)節(jié)。
今天我們使用LM35這款模擬電壓輸出型溫度傳感器來(lái)制作一個(gè)不同于以往的“溫度計(jì)”：我們將溫度數(shù)值圖形化，在彩屏上直接用進(jìn)度條的長(zhǎng)度來(lái)表示溫度的變化（如下圖），非常的直觀。


而實(shí)現(xiàn)方法也非常的簡(jiǎn)單，下面我們就逐步來(lái)介紹一下。

要實(shí)現(xiàn)串口數(shù)據(jù)在彩屏端的圖形化顯示，我們需要完成三個(gè)步驟：
1、制作圖形素材；2、使用工具軟件制作資源文件；3、編寫程序代碼。

第一步：制作圖形素材
我們選擇一個(gè)溫度計(jì)圖片，將液柱變化的部位裁剪下來(lái)：把不變的做成進(jìn)度條的背景圖，隨溫度變化的做成進(jìn)度條實(shí)體圖。如上圖。

第二部：制作資源文件
我們使用ATFUI_TOOL工具，使用進(jìn)度條控件來(lái)制作溫度計(jì)資源文件。







我們選擇進(jìn)度條的方向（縱向），選擇進(jìn)度條重繪屬性（位圖繪制），然后把我們制作好的進(jìn)度條背景和實(shí)體圖片導(dǎo)入，最后設(shè)計(jì)進(jìn)度條數(shù)值范圍為：0-100.
這樣進(jìn)度條控件就做好了。

為了更直觀的顯示溫度值，我們?cè)跍囟扔?jì)上面再加一個(gè)數(shù)值控件，用來(lái)實(shí)時(shí)顯示Arduino串口發(fā)來(lái)的數(shù)據(jù)。


這樣我們的資源文件就做好了。


我們使用USB線，將制作好的資源文件下載到彩屏中。

第三步，編寫程序：可以使用Arduino IDE，也可以使用米思齊。程序如下：


上傳程序到Arduino控制器。然后將Arduino控制器連接彩屏。


上電，啟動(dòng)程序，屏幕就可以實(shí)時(shí)顯示當(dāng)前的溫度了。

詳細(xì)的制作過(guò)程還可以看這個(gè)視頻：


本教程中用到的圖片、代碼和資源文件等素材，都可以在在這里下載：
資源下載：鏈接：https://pan.baidu.com/s/1A0IJMNr_n5F-gFk4NBaPjw?pwd=ATFC
下載地址2: Arduino ATFC彩屏初級(jí)應(yīng)用例程.7z (1.6 MB, 下載次數(shù): 11)





歡迎光臨 (http://www.torrancerestoration.com/bbs/) Powered by Discuz! X3.1