สอน Visual C# บทที่ 3.1 ESP32 แสดงค่าอุณหภูมิและความชื้น DHT11 ด้วย Dashboard

Nov 1, 2023

✍️ 🎚💡เริ่มต้นใช้งานโปรแกรม Visual Studio สามารถศึกษาได้จาก บทที่ 1

ในบทนี้จะเพิ่มเติมจาก บทที่ 3 โดยจะเพิ่มในส่วนของ Dashboad แสดงค่าอุณหภูมิและความชื้นเข้ามา ดังภาพ

2.เริ่มต้นไปที่ Solution Explorer

2.คลิกขวาที่ Solution เลือก Manage NuGet Package for Solution

3. เลือก Tab Browse พิมพ์ HslControls ในช่องค้นหา กดเลือก HslControls แล้ว เลือก Project ที่จะติดตั้ง แล้วกด Install

4.กด OK

5.ติดตั้งเรียบร้อย

6.ไปที่ Design คลิกขวาตรง Toolbox แล้วเลือก Choose Items

7.เลือก Tab .Net Framework Component กด Browse

8.เลือกไฟล์ HslControls.dll ตามไดเรกทอรี่ หมายเลข 1 แล้วกด Open

9.กดปุ่ม OK

10.ค้นหา hslguage ในช่อง Tollbox เลือก HslGauge มาวาง

11.กำหนด SegmentCount เท่ากับ 5

12.ทำสำเนาแสดงผลค่าความชื้น

13.ในส่วนของโค้ดให้เพิ่มคำสั่งดังนี้ใน ฟังชั่น DisplayText

hslGauge1.Value = int.Parse(tvalue);
hslGauge2.Value = int.Parse(hvalue);

14.ทดสอบโปรแกรม

บทความนี้ดัดแปลงจากบทความของ 
ครูประภาส สุวรรณเพชร 
https://www.praphas.com/forum/index.php?topic=378.0

ขอบคุณที่รับชมครับผม

สนันสนุน KruRin ในการเขียนบทความ เลี้ยงกาแฟซักแก้วครับ กดที่นี่

Narin Damnuy

www.buymeacoffee.com

สนใจบอร์ด IoT Education Kit V1.1

สั่งซื้อใน Shopee ที่ลิ้งค์ด้านล่างได้เลยครับผม

หรือ กด ที่นี่