Home » » บทความที่ 1 เริ่มต้นสร้าง C++ GUI กับ ClassLib

บทความที่ 1 เริ่มต้นสร้าง C++ GUI กับ ClassLib

แนะนำ การสร้าง GUI ใน C++ แบบฟรีๆ ง่าย เร็ว ใช้ Visual Studio Express แบบฟรี Compile ได้


สิ่งที่ ที่จำเป็นต้องใช้ในการสร้าง GUI คือ

- ClassLib by Jan van den Baard
โหลดและศึกษาเพิ่มเติมได้จาก
http://www.codeproject.com/Articles/1912/ClassLib-A-C-class-library

- Visual Studio Express 2012 for Windows Desktop ขึ้นไป
http://www.microsoft.com/visualstudio/eng/products/visual-studio-express-products


หลังจากมี อุปกรณ์พร้อมแล้ว
เริ่มต้น สร้าง Form ง่ายๆ
โค้ดที่ใช้เป็นตัวอย่างจะแตกไฟล์ในรูปแบบดังรูป จะมี Classes และ lib ภายใน Folder
 
 
 
อธิบายเพิ่มเติม
  - Classes เกิดจาก  Rename ClassLib หลังแตกไฟล์ออกมาแล้ว
  - lib เกิดจาก การ Compile ClassLib จะได้ Folder x86 ภายในจะมีไฟล์ชื่อว่า
  classlibmt.lib และ   classlibmtd.lib
 
     - classlibmt.lib ใช้กับ Release
     - classlibmtd.lib ใช้กับ Debug
 
 ชื่อ ต่างๆ สามารถ เปลี่ยนแปลงได้ ตาม Environment ของ IDE สามารถกำหนดเองได้
แต่ตัวอย่าง เพื่อความสะดวก จะใช้ชื่อ ตามรูป  เป็นหลัก
 
 
เริ่มต้นสร้าง Project โดย เปิด Visual Studio 2012 แล้ว New Project  กด OK


 
จะได้หน้าตาแบบนี้ กด Next 
 
ให้เลือกตามรูป
 
หน้าตาก่อนเขียนโค้ดจะได้ดังรูป
 
เริ่มโค้ด Click ขวาที่ Source File เลือก Add ตามด้วย New Item....
 
 
เลือก C++ File ตั้งชื่อ อะไรก็ได้
 
ทำการ สร้าง Resource Files เพื่อใช้สร้าง Form
 
เลือก Resource File ตั้งชื่ออะไรก็ได้
 
 
ก่อนทำการ Add Form ใน Resource Files ทำตามรูป
 
เลือก Form ที่ต้องการ กด New
 
หน้าตา Form ที่ต้องการ
 
 
ทำการปรับแต่ง Form ที่ต้องการใช้ เลือก Properties

 
ปรับตามรูปได้เลย 

 
แต่เหมือนยังไม่เวิร์ก มันมีแดงๆ เตือนด้วย

 
ต้องปรับ ให้ Project มันมองเห็น header ใน Classlib ซ้ะก่อน
Click ขวาที่ Project ในรูป ชื่อว่า Form
เลือก Properties


เลือก Configuration Properties > General ปรับตามรูป

C/C++ -> General ปรับตามรูป ตรง Additional Include Directories ใส่ .. ไว้ด้วย
 
จัดไปตามรูป

click เลือกที่ Edit


จะมีหน้าต่าง เด่งขึ้นมาป้อนตามรูป เสร็จ กด OK

 
แดงๆ เตือนหายไปแล้ว
 
 
ลอง Build ว่าเวิร์กหรือไม่ 
Click ขวาที่ Project ชื่อว่า Form
เลือก Build
หากพบ Error ก็กลับไปแก้ ใหม่
หากสำเร็จ ก็กดปุ่ม สามเหลี่ยม สีเขียวๆ

 
หน้า Form แรกจะแสดงหลังกด ปุ่มสีเขียว