บทความประกอบการเรียนรู้ => เทคนิคการอินเตอร์เฟส Visual C# => ข้อความที่เริ่มโดย: admin ที่ กันยายน 20, 2018, 07:56:56 PM

หัวข้อ: เรียนรู้ครั้งที่ 9 [การเพิ่มคอนโทรลคอมโพแนนต์ LCD]
เริ่มหัวข้อโดย: admin ที่ กันยายน 20, 2018, 07:56:56 PM
โปรแกรมที่ใช้ควบคุมฮาร์ดแวร์หากแสดงผลที่สวยงามจะสร้างความสนใจแก่ผู้ใช้งานมากขึ้นเช่นเดียวกับ "เรียนรู้ครั้งที่ 8" ต่างกันตรงที่ในครั้งที่ 8 เป็นการแสดงด้วย LED ที่เป็น 7 Segment ซึ่งจะแสดงได้เฉพาะตัวเลขเพียงอย่างเดียว สำหรับครั้งนี้เป็นการแสดงด้วยคอนโทรลที่เป็น LCD ซึ่งสามารถแสดงเป็นข้อความได้ เนื่องจากโปรแกรม Visual Studio (C#) ไม่มีส่วนที่แสดงผลแบบ LCD มาให้ได้จึงจำเป็นต้องติดตั้งไดร์เวอร์เพิ่มเติม
ผลที่ได้จะมีลักษณะ
(http://www.praphas.com/PhotoForum/interface/HowTo9/12.png)

มีขั้นตอนดังนี้
1. สร้างโปรเจคงาน
(http://www.praphas.com/PhotoForum/interface/HowTo9/1.png)

2. ดาวน์โหลดไดร์เวอร์แสดงผล LCD ที่เวปไซต์
https://www.doogal.co.uk/LcdLabel.php (https://www.doogal.co.uk/LcdLabel.php)
(http://www.praphas.com/PhotoForum/interface/HowTo9/2.png)

3. ทำการแตกไฟล์ที่ดาวน์โหลดในขั้นตอนที่ผ่านมา ทำการคัดลอกไฟล์ .DLL
(http://www.praphas.com/PhotoForum/interface/HowTo9/3.png)

4. นำไฟล์ที่คัดลอกวางในโฟลเดอร์โปรเจคในโฟลเดอร์ \bin\Debug
(http://www.praphas.com/PhotoForum/interface/HowTo9/4.png)

5. เพิ่มแทปใน Toolbox ดังรูป (ตั้งชื่อแทปตามต้องการ)
(http://www.praphas.com/PhotoForum/interface/HowTo9/5.png)

6. เลือกคอนโทรลคอมโพแนนต์ลงในแทปที่สร้างขึ้น ขั้นตอนดังรูป
(http://www.praphas.com/PhotoForum/interface/HowTo9/6.png)

7. คลิก Browse... เลือกไฟล์ที่วางในโฟลเดอร์โปรเจคจากขั้นตอนข้อที่ 4
(http://www.praphas.com/PhotoForum/interface/HowTo9/7.png)

8. จะได้คอนโทรล LCD ทำการวางลงใน Form และกำหนดคุณสมบัติ
(http://www.praphas.com/PhotoForum/interface/HowTo9/8.png)

9. กำหนดคุณสมบัติให้แสดงผลตามต้องการ หลัก ๆ มีดังนี้
   BackGround                     // สีพื้นหลัง
   NumberOfCharacters =16 //จำนวนตัวอักษรต่อ 1 บรรทัด (จะเปลี่ยนเมื่อมีการปรับขนาดที่ตัวคอนโทรล)
   PixelOff                           // สีของพิกเซลที่ดับ
   PixelOn                           // สีของพิกเซลที่ติด
   PixelShape = Square        // รูปร่างของพิกเซล
   PixelSize = Pix5x5            // ขนาดของพิกเซล
   TextLines=4                     //จำนวนบรรทัด (จะเปลี่ยนเมื่อมีการปรับขนาดที่ตัวคอนโทรล)
(http://www.praphas.com/PhotoForum/interface/HowTo9/9.png)

ทดสอบการใช้งาน
ให้แสดงเวลาวันเดือนปีและข้อความ โดยให้อัพเดตเวลาทุก ๆ 1 วินาที

10. วางคอนโทรล Timer ลงใน Form และกำหนดค่าใน Properties ดังนี้
   -Enabled-->True   เพื่อให้ไทเมอร์ทำงานทันทีเมื่อรันโปรแกรม
   -Interval--->1000 กำหนดช่วงเวลาการกระตุ้นเป็น 1000 มิลลิวินาที (1 วินาที)
(http://www.praphas.com/PhotoForum/interface/HowTo9/10.png)

11. ดับเบิลคลิกที่ตัว Timer แล้วเขียนโค้ด
*ข้อความจะตัดขึ้นบรรทัดใหม่เมื่อเต็มบรรทัด
(http://www.praphas.com/PhotoForum/interface/HowTo9/11.png)
โค้ดโปรแกรม(เฉพาะส่วนในไทเมอร์)
โค๊ด: [Select]
{
string time = DateTime.Now.ToString("HH:mm:ss");
string date = DateTime.Now.ToString("dd-MMM-yyyy",
  new System.Globalization.CultureInfo("en-US"));
string line1 = "    " + time + "    ";
string line2 = "  " + date + "   ";
string line3 = "By KruPraphas   ";
string line4 = "www.praphas.com";
lcdLabel1.Text = line1 + line2 + line3 + line4;
}

12. รันโปรแกรมเพื่อทดสอบการแสดงผล
(http://www.praphas.com/PhotoForum/interface/HowTo9/12.png)
หัวข้อ: Re: เรียนรู้ครั้งที่ 9 [การเพิ่มคอนโทรลคอมโพแนนต์ LCD]
เริ่มหัวข้อโดย: admin ที่ กันยายน 20, 2018, 07:57:47 PM
...
หัวข้อ: Re: เรียนรู้ครั้งที่ 9 [การเพิ่มคอนโทรลคอมโพแนนต์ LCD]
เริ่มหัวข้อโดย: admin ที่ กันยายน 20, 2018, 07:57:59 PM
...