เรียนรู้ครั้งที่ 13 [การเพิ่มคอนโทรลโพแกสบาร์แบบวงกลม (Circular Progress Bar)]

[admin]

การเรียนรู้นี้มีลักษณะคล้ายกับครั้งที่ 12 ต่างกันตรงที่ครั้งนี้เป็นแถบเลื่อนแบบวงกลมซึ่งสามารถนำมาประยุกต์การนำเสนอได้หลายอย่างเช่น ความก้าวหน้าในการคำนวณต่าง ๆ แสดงค่าพร้อมแสดงแถบ เมื่อใช้งานหน้าตาจะเป็นดังนี้ (ผู้เขียนโปรแกรมสามารถปรับแก้รูปแบบได้ตามความต้องการ)


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


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


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


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


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


6. หากใช้วิธีการ Browse หาไฟล์โฟลเดอร์ Package เหมือนกับคอนโทรลตัวอื่นอาจใช้งานไม่ได้


7. ผลจะเกิดดังนี้


วิธีแก้ไข
8. ทำการ Build Solution ก่อน


9. แล้วค่อยหาไฟล์ DLL ที่อยู่ในโฟลเดอร์ bin --> Debug


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


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


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


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

[admin]

...

[admin]

...