0001.jpg (359.2 KB, 下載次數: 78)
下載附件
2022-4-12 16:38 上傳
0002串口監視器.jpg (59.71 KB, 下載次數: 78)
下載附件
2022-4-12 16:38 上傳
溫度監測在我們生活和生產中具有非常重要的作用,而使用Arduino控制器采集溫度數值也是很多創客小伙伴在學習過程中必不可少的環節。
今天我們使用LM35這款模擬電壓輸出型溫度傳感器來制作一個不同于以往的“溫度計”:我們將溫度數值圖形化,在彩屏上直接用進度條的長度來表示溫度的變化(如下圖),非常的直觀。
0005實驗效果圖.jpg (92.4 KB, 下載次數: 62)
下載附件
2022-4-12 16:38 上傳
0004實驗效果圖1.jpg (148.5 KB, 下載次數: 73)
下載附件
2022-4-12 16:38 上傳
而實現方法也非常的簡單,下面我們就逐步來介紹一下。
0006.jpg (44.08 KB, 下載次數: 66)
下載附件
2022-4-12 16:38 上傳
要實現串口數據在彩屏端的圖形化顯示,我們需要完成三個步驟:
1、制作圖形素材;2、使用工具軟件制作資源文件;3、編寫程序代碼。
18-1.jpg (42.33 KB, 下載次數: 74)
下載附件
2022-4-12 16:38 上傳
第一步:制作圖形素材
我們選擇一個溫度計圖片,將液柱變化的部位裁剪下來:把不變的做成進度條的背景圖,隨溫度變化的做成進度條實體圖。如上圖。
第二部:制作資源文件
我們使用ATFUI_TOOL工具,使用進度條控件來制作溫度計資源文件。
21.jpg (59.52 KB, 下載次數: 72)
下載附件
2022-4-12 16:38 上傳
23.jpg (67.17 KB, 下載次數: 70)
下載附件
2022-4-12 16:38 上傳
我們選擇進度條的方向(縱向),選擇進度條重繪屬性(位圖繪制),然后把我們制作好的進度條背景和實體圖片導入,最后設計進度條數值范圍為:0-100.
這樣進度條控件就做好了。
為了更直觀的顯示溫度值,我們在溫度計上面再加一個數值控件,用來實時顯示Arduino串口發來的數據。
26.jpg (74.31 KB, 下載次數: 64)
下載附件
2022-4-12 16:38 上傳
31.jpg (71.02 KB, 下載次數: 65)
下載附件
2022-4-12 16:38 上傳
這樣我們的資源文件就做好了。
41.jpg (198.94 KB, 下載次數: 71)
下載附件
2022-4-12 16:38 上傳
42.jpg (9.82 KB, 下載次數: 61)
下載附件
2022-4-12 16:38 上傳
我們使用USB線,將制作好的資源文件下載到彩屏中。
第三步,編寫程序:可以使用Arduino IDE,也可以使用米思齊。程序如下:
44.jpg (61.87 KB, 下載次數: 64)
下載附件
2022-4-12 16:38 上傳
45.jpg (28.44 KB, 下載次數: 72)
下載附件
2022-4-12 16:38 上傳
上傳程序到Arduino控制器。然后將Arduino控制器連接彩屏。
46.jpg (48.04 KB, 下載次數: 57)
下載附件
2022-4-12 16:38 上傳
上電,啟動程序,屏幕就可以實時顯示當前的溫度了。
詳細的制作過程還可以看這個視頻:
游客,本帖隱藏的內容需要積分高于 1 才可瀏覽,您當前積分為 0
本教程中用到的圖片、代碼和資源文件等素材,都可以在在這里下載:
資源下載:鏈接:https://pan.baidu.com/s/1A0IJMNr_n5F-gFk4NBaPjw?pwd=ATFC
下載地址2:
Arduino ATFC彩屏初級應用例程.7z
(1.6 MB, 下載次數: 11)
2022-4-13 03:49 上傳
點擊文件名下載附件
下載積分: 黑幣 -5
|