ผู้เขียน หัวข้อ: เรียนรู้ครั้งที่ 2 [การเตรียมหน้าตาของโปรแกรม]  (อ่าน 4276 ครั้ง)

admin

  • Administrator
  • Hero Member
  • *****
  • กระทู้: 688
    • ดูรายละเอียด
    • อีเมล์
การเรียนรู้ครั้งที่ 2 เป็นการเตรียมหน้าต่างโปรแกรมให้พร้อมที่จะเขียนโค้ดในส่วนอื่น ๆ (การดำเนินการนี้จะต้องมีการทำทุกโปรแกรมที่สร้าง) ซึ่งหัวข้อนี้เป็นการดำเนินการดังนี้
   1. เพิ่มปุ่ม About และ Exit ในหน้าต่างหลัก
   2. เพิ่มหน้าต่าง About (หน้าต่างแสดงข้อมูลเกี่ยวกับโปรแกรมที่สร้างขึ้น)
   3. การใส่โค้ดควบคุมปุ่มทั้ง 2 หน้าต่าง
   4. การใส่รูปไอคอนสำหรับตัวโปรแกรม

เริ่มด้วย..
1. เริ่มเปิดโปรแกรม Visual Studio คลิกสร้างโปรเจคใหม่


2.สร้างโปรเจคใหม่โดยเลือกเป็น windows form มีขั้นตอนดังรูป
   (1) เอาเครื่องหมายออกเพื่อไม่ให้สร้างโฟลเดอร์ซ้อน
   (2) หาโฟลเดอร์ที่ต้องการเก็บงาน
   (3) ตั้งชื่อโปรเจคไฟล์


3. ปรับขนาดหน้าต่างโปรแกรมตามต้องการ


4. กำหนดตำแหน่งโปรแกรมเมื่อเริ่มรันให้อยู่กลางจอ


5. สร้างปุ่มกดโดยลากจาก ToolBox มาวางแล้วแก้ข้อความใน Text ใน Properties ของปุ่มกดให้เป็นดังรูป


6. เพิ่มหน้าต่าง Form2 เป็นหน้าต่าง About


7. คลิกเลือก Windows Form


8. คลิกที่ Form2 เปลี่ยนชื่อหัวโปรแกรม


9. กำหนดตำแหน่งโปรแกรมเมื่อเริ่มรันให้อยู่กลางจอ


10. สร้างปุ่มกด แก้ชื่อเป็น OK


11. ดับเบิลคลิกที่ปุ่ม OK แล้วเขียนโค้ดเพื่อปิดหน้าต่าง About


12. คลิกที่ Form1 ดับเปิลคลิกทั้ง 2 ปุ่ม แล้วเขียนโค้ด


13. การแก้ไขรูปไอคอนโปรแกรม โดยการหารูปไอคอนที่เป็นไฟล์ ico เข้าเวปไซต์ ค้นหารูปตามต้องการแล้วคลิกที่ปุ่ม ico เพื่อดาวน์โหลด
http://www.iconarchive.com/


14. แก้ไข Properties ของ Form1 ในส่วนไอคอนเพื่อให้แสดงรูปไอคอนที่ต้องการ คลิกแล้วเลือกรูปที่ดาวน์โหลดมา


15. ไอคอนมุมของหน้าต่างโปรแกรมจะมีไอคอนตามที่ตั้งค่าไว้


16. แก้ไขรูปไอคอนของตัวโปรแกรม โดยคลิกตามขั้นตอนดังรูป


17. คลิกแล้วเลือกไอคอนที่ดาวน์โหลดมา


18. หลังจากทดสอบการรันโปรแกรมแล้วเปิดโฟลเดอร์ที่เก็บไฟล์ exe ของโปรเจค (อยู่ในโฟลเดอร์ /bin/Debug) จะเห็นว่าโปรแกรมจะมีไอคอนตามต้องการ

« แก้ไขครั้งสุดท้าย: ตุลาคม 18, 2018, 10:16:46 AM โดย admin »

admin

  • Administrator
  • Hero Member
  • *****
  • กระทู้: 688
    • ดูรายละเอียด
    • อีเมล์
Re: เรียนรู้ครั้งที่ 2 [การเตรียมหน้าตาของโปรแกรม]
« ตอบกลับ #1 เมื่อ: กันยายน 15, 2018, 11:37:53 AM »
...

admin

  • Administrator
  • Hero Member
  • *****
  • กระทู้: 688
    • ดูรายละเอียด
    • อีเมล์
Re: เรียนรู้ครั้งที่ 2 [การเตรียมหน้าตาของโปรแกรม]
« ตอบกลับ #2 เมื่อ: กันยายน 15, 2018, 11:38:07 AM »
...