บทความประกอบการเรียนรู้ => เทคนิคการอินเตอร์เฟส Visual C# => ข้อความที่เริ่มโดย: admin ที่ กันยายน 18, 2018, 11:39:01 AM
-
คอนโทรลคอมโพแนนต์สำหรับการวาดรูปสี่เหลี่ยม รูปวงกลม และเส้นตรง โปรแกรม Visual Studio (C#) ไม่มีมาให้ แต่ผู้ใช้งานสามารถติดตั้งเพิ่มเติมได้โดยตัวคอนโทรลนี้ใช้ชื่อว่า Visual Basic Power Packs controls สามารถใช้กูเกิลค้นหาได้ไม่ยาก การดำเนินการมีขั้นตอนดังนี้
1. ค้นหาเวปไซด์เพื่อดาวน์โหลด หรือเข้าไปที่
https://docs.microsoft.com/en-us/dotnet/visual-basic/developing-apps/windows-forms/power-packs-controls (https://docs.microsoft.com/en-us/dotnet/visual-basic/developing-apps/windows-forms/power-packs-controls)
และคลิกที่ download them
(http://www.praphas.com/PhotoForum/interface/HowTo6/1.png)
2. เมื่อดาวน์โหลดเสร็จให้ทำการรันโปรแกรมเพื่อติดตั้ง เปิดโปรแกรม Visual Studio ทำการเพิ่มแทปโดยการคลิกขวาที่รายการใน ToolBox (คลิกขวาในรายการของ Toolbox ตรงไหนก็ได้)
(http://www.praphas.com/PhotoForum/interface/HowTo6/2.png)
3. พิมพ์ชื่อแทปที่ต้องการสร้าง ในที่นี้ตั้งชื่อว่า VisualBasic PowerPack
(http://www.praphas.com/PhotoForum/interface/HowTo6/3.png)
4. เพิ่มไอเทมเข้าในแทปที่สร้างขึ้นโดยการคลิกขวาตรงแทปที่สร้างขึ้นใหม่แล้วเลือก Choose Item...
(http://www.praphas.com/PhotoForum/interface/HowTo6/4.png)
5. พิมพ์คำว่า power ในช่อง Filter และคลิกเลือกไอเทมสำหรับวาดรูป
(http://www.praphas.com/PhotoForum/interface/HowTo6/5.png)
6. รายการคอนโทรลคอมโพแนนต์จะปรากฎในแทป
(http://www.praphas.com/PhotoForum/interface/HowTo6/6.png)
7. ทดสอบการใช้งานเบื้องต้น โดยวาดรูปสี่เหลี่ยมและเลือกลักษณะพื้นเป็น Solid
(http://www.praphas.com/PhotoForum/interface/HowTo6/7.png)
8. สร้างปุ่มกดจำนวน 6 ปุ่มโดย 3 ปุ่มแรกเปลี่ยนชื่อตามรูป 3 ปุ่มหลังเปลี่ยนสีพื้นหลังดังรูป
(http://www.praphas.com/PhotoForum/interface/HowTo6/8.png)
9. ดับเบิลคลิก 3 ปุ่มแรกเขียนโค้ดให้คอนโทรลสีเหลี่ยมเปลี่ยนสีตามสีที่ต้องการโดยกำหนดเป็นชื่อสีลงในโค้ด
(http://www.praphas.com/PhotoForum/interface/HowTo6/9.png)
10. ดับเบิลคลิก 3 ปุ่มหลังเขียนโค้ดให้คอนโทรลสีเหลี่ยมเปลี่ยนสีตามสีพื้นหลังของปุ่มกด
(http://www.praphas.com/PhotoForum/interface/HowTo6/10.png)
11. ทดลองรันแล้วคลิกที่ปุ่มแต่ล่ะปุ่ม สังเกตุผลที่เกิดขึ้นที่คอนโทรลสี่เหลี่ยม
(http://www.praphas.com/PhotoForum/interface/HowTo6/11.png)
-
...
-
...