เรียนรู้ครั้งที่ 12 [การเพิ่มคอนโทรลคอมโพแนนต์เกจ (AGauge)]

[admin]

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

ขั้นตอนการดำเนินการ

1. สร้างโปรเจคงาน
   (1) คลิกขวาที่ชื่อโปรเจค (แถบช่องด้านขวา)
   (2) คลิกเลือก Manage NuGet Packages


2. จะปรากฏแทปขึ้นดำเนินการตามลำดับดังนี้
   (1) คลิกที่แทป Browse
   (2) พิมพ์ค้นหาในช่องคำว่า agauge
   (3) คลิกที่รายการ AGauge ที่ปรากฏ
   (4) คลิก Install และดำเนินการจนเสร็จสิ้น


3. เพิ่มแทปใน Toolbox ดังรูป (ตั้งชื่อแทปตามต้องการในที่นี้ตั้งชื่อว่า AGauge)


4. เลือกคอนโทรลคอมโพแนนต์ลงในแทปที่สร้างขึ้น ขั้นตอนดังรูป


5. คลิก Browse... หาไฟล์ DLL ของ AGauge


6. ไฟล์ DLL จะอยู่ในโฟลเดอร์โปรเจคที่กำลังสร้างและอยู่ในโฟลเดอร์ย่อยดังรูป


7.  จะได้คอนโทรล AGauge ทำการวางลงใน Form และกำหนดคุณสมบัติ


รายละเอียดใน Properties ของ AGauge หลัก ๆ มีดังนี้
BaseArcColor       //สีเส้นโค้งของสเกล
BaseArcRadius    //ระยะรัศมีเส้นสเกล
BaseArcStart       //จุดเริ่มต้นการวาดสเกล (มุมตามเข็มนาฬิกา)
BaseArcSweep    //มุมการวาดสเกลนับจากจุดเริ่มต้น (ArcStart )
BaseArcWidth       //ความหนาของเส้นสเกล
Font                  //ฟอนต์ของตัวเลขสเกล
MaxValue             //ค่าตัวเลขสูงสุดของสเกล
MinValue            //ค่าตัวเลขต่ำสุดของสเกล
NeedleColor1       //สีของเข็มค่าที่ 1
NeedleColor2       //สีของเข็มค่าที่ 2
NeedleRadius       //ความยาวเข็มวัด
NeedleType         //ชนิดของเข็มวัด
NeedleWidth       //ความหนาของเข็มวัด
ScaleLinesInterColor             //สีของเส้นครึ่งช่องสเกล
ScaleLinesInterInnerRadius    //จุดเริ่มต้น(ด้านใน)ของการวาดเส้นครึ่งช่องสเกล
ScaleLinesInterOuterRadius    //จุดสิ้นสุด(ด้านนอก)ของการวาดเส้นครึ่งช่องสเกล
ScaleLinesInterWidth             //ความหนาของเส้นครึ่งช่องสเกล
ScaleLinesMajorColor          //สีของเส้นช่องสเกลหลัก
ScaleLinesMajorInnerRadius    //จุดเริ่มต้น(ด้านใน)ของการวาดเส้นช่องสเกลหลัก
ScaleLinesMajorOuterRadius   //จุดสิ้นสุด(ด้านนอก)ของการวาดเส้นช่องสเกลหลัก
ScaleLinesMajorStepValue   //ค่าสเกลหลัก 1 ช่อง
ScaleLinesMajorWidth            //ความหนาของเส้นสเกลหลัก
ScaleLinesMinorColor            //สีของเส้นสเกลย่อย
ScaleLinesMinorInnerRadius   //จุดเริ่มต้น(ด้านใน)ของการวาดเส้นสเกลย่อย
ScaleLinesMinorOuterRadius   //จุดสิ้นสุด(ด้านนอก)ของการวาดเส้นสเกลย่อย
ScaleLinesMinorTicks            //จำนวนเส้นสเกลย่อยภายใน 1 ช่องสเกลหลัก
ScaleLinesMinorWidth            //ความหนาของเส้นสเกลย่อย
ScaleNumbersColor               //สีตัวเลขสเกล
ScaleNumbersRadius            //จุดการวางตัวเลขสเกล

8. สามารถพิมพ์ข้อความลงสเกลในพิกัดใดก็ได้ ดังรูป


9. สามารถสร้างแถบสีระหว่างสเกลได้ ดังรูป


10. วางคอนโทรล Timer ลงใน Form และกำหนดค่าใน Properties ดังนี้
   -Enabled-->True   เพื่อให้ไทเมอร์ทำงานทันทีเมื่อรันโปรแกรม
   -Interval--->200 กำหนดช่วงเวลาการกระตุ้นเป็น 200 มิลลิวินาที (1/5 วินาที)


11. เขียนโค้ดเพื่อทดสอบการแสดงผลบนเกจ


12. รันโปรแกรมสังเกตุผลที่ได้

[admin]

ฝึกการปรับขนาดของเกจ ขั้นตอนดังนี้
1. แก้ค่า center จาก 100,100 เป็นขนาดที่ต้องการ เช่นต้องการเกจขนาด 200 ให้ใส่ 200,200
2. แก้ระยะเส้นโค้งของเกจจากเดิม 80 เป็นค่าใหม่ เช่นต้องการเกจขนาด 200 ให้ใส่ 150
3. แก้ตำแหน่งตัวเลขจากเดิม 95 เป็นค่าใหม่ เช่นต้องการเกจขนาด 200 ให้ใส่ 160
4. แก้เลขการวาดเส้นสเกลตำแหน่งนอกสุดจากเดิม 80 เป็นค่าใหม่ เช่นต้องการเกจขนาด 200 ให้ใส่ 150
5. แก้เลขการวาดเส้นสเกลตำแหน่งในสุดจากเดิม 7x เป็นค่าใหม่ เช่นต้องการเกจขนาด 200 ให้ใส่ 120++
6. แก้ขนาดฟอนต์ให้สัมพันธ์กับขนาดสเกล  เช่นต้องการเกจขนาด 200 ให้ใช้ขนาด 10+

[admin]

...