เรียนรู้ครั้งที่ 10 [การสร้างโปรแกรมแสดงผลสวิตช์ควบคุม LED]

[admin]

การสร้างโปรแกรมควบคุมการติดดับของ LED เฉพาะส่วนการแสดงผลหน้าจอสามารถใช้คอนโทรลที่เป็นปุ่มกดได้เพียงแต่ความสวยงามจะด้อยตลอดการแสดงผลที่เป็นหลอดไฟก็เช่นกัน หากสามารถสร้างโปรแกรมที่มีหน้าต่างแสดงรูปเป็นตัวสวิตช์และ LED จะทำให้น่าสนใจมายิ่งขึ้น
การสร้างโปรแกรมเสร็จหน้าตาจะได้เช่นนี้

ขั้นตอนมีดังนี้

1. ค้นหารูปภาพที่ใช้แทนสวิตช์และ LED โดยให้มีทั้ง 2 สภาวะคือ ON/OFF หรือเข้าไปที่เวปไซต์
http://www.clker.com/clipart-6515.html
เมื่อได้ภาพที่ต้องการแล้วให้คลิกขวาที่ภาพแล้วเลือก Save as บันทึกภาพเก็บลงเครื่อง
ตัวอย่างภาพที่ใช้งาน








วิธีการเก็บภาพลงเครื่อง ให้คลิกขวากลางภาพที่ต้องการแล้วเลือก Save image as... ดังรูป


2. วางคอนโทรล PictureBox ลงบน Form ทำการเลือกภาพที่ดาวน์โหลดจากข้อ 1


3. คลิกตามรูปแล้วทำการเลือกรูปที่ดาวน์โหลดมาทุกรูป


4. คลิกเลือกรูป


5. ตั้งค่าคุณสมบัติ SizeMode เป็น AutoSize


6. เปลี่ยนชื่อรูปจากเดิมที่เป็น picturebox1 เป็นชื่อแทนโดยให้มีความหมายที่ใช้งาน


7. คัดลอก PictureBox จากข้อ 6 วาง แล้วเปลี่ยนรูปพร้อมเปลี่ยนชื่อดังรูป
* LON,LOFF เป็นต้นแบบภาพ LED ในสภาวะติดและดับ
SON,SOFF เป็นต้นแบบสวิตช์ที่เป็นสวิตช์สภาวะ ON และ OFF ไม่ได้แสดงผลโดยตรงด้านหน้าโปรแกรม


8. ปรับขนาด Form ให้ปิดบังต้นแบบภาพ


9. จะได้หน้าตาโปรแกรมดังรูป ทำการดับเบิลคลิกที่ตัวสวิตช์ทุกตัวเพื่อเขียนโค้ด


10. เขียนโค้ดซึ่งมีรายละเอียดดังนี้
   - ส่วนที่ 1 เป็นการประกาศตัวแปรเพื่อเก็นสถานะของสวิตช์
   - ส่วนที่ 2 เป็นโค้ดควบคุมการแสดงผลเมื่อมีการคลิกที่ตัวสวิตช์ โดยเมื่อมีการกดสวิตช์แต่ละครั้งตัวเก็บสถานะจะเปลี่ยนเป็นตรงกันข้ามพร้อมกับเปลี่ยนรูป LED และสวิตช์ตามสถานะที่เป็นปัจจุบัน

   ทำการเขียนโค้ดให้ครบทุกสวิตช์โดยใช้โค้ดคล้าย ๆ กับสวิตช์ตัวแรกเพียงแต่เปลี่ยนตัวแปรให้ตรงกับตัวสวิตช์นั้น ๆ
โค้ดโปรแกรม(เฉพาะส่วนประกาศตัวแปรเก็บสถานะ)

โค๊ด: [Select]

        Boolean SS0 = false;    // Status of Switch S0
        Boolean SS1 = false;    // Status of Switch S1
        Boolean SS2 = false;    // Status of Switch S2
        Boolean SS3 = false;    // Status of Switch S3

โค้ดโปรแกรม(เฉพาะส่วนสวิตช์ S0)

โค๊ด: [Select]

            if (SS0 == false)
            {
                S0.Image = SON.Image;
                L0.Image = LON.Image;
                SS0 = true;
            }
            else
            {
                S0.Image = SOFF.Image;
                L0.Image = LOFF.Image;
                SS0 = false;
            }

11. รันโปรแกรม ทดสอบโดยการคลิกที่ตัวสวิตช์แต่ละตัวแล้วสังเกตุผล

[admin]

...

[admin]

...