การทำ Menu ด้วย Codejock Xtreme Suite Pro ActiveX - ภาค 1

Category » VB 6/VB.Net
โดย : Webmaster เมื่อ 3/2/2552 เวลา: 14:01

(อ่าน : 18548)

มาแล้วครับ ไม่ต้องเรียกร้องขอมาแต่อย่างใด เพราะใจมันอยากให้ ... ปกติแล้วระดับการพัฒนาการทางโปรแกรมมิ่ง จะแบ่งออกได้ 3 ระดับ หรือ 3-ก คือ กาก กลาง เก๋า 55555+ ... สำหรับ VB6 ตัวผมเองคิดว่าน่าจะอยู่ระดับเก๋าๆแล้ว แต่ครั้นมาเจอ Codejock Xtreme Suite Pro ActiveX เข้าไปเนี่ย ... กลายเป็นระดับกากไปเลยเชียว เอิ๊กๆๆๆๆ ... Help หรือ Sample ของ ActiveX ตัวนี้ แทบจะไม่ได้นำทาง หรือ Guide อะไรๆที่มันเข้าท่ากะเรามากนักเลย อาจเพราะคนผลิตเขาคงคิดว่าเราเป็นระดับเทพเหมือนกะเขา เฮ้อ ... ดังนั้นแล้วการเรียนรู้ ActiveX ตัวนี้ ผมเล่นลูกผสมเอา โดยใช้ทั้งการ Code และ Designer เข้ามาเกี่ยวข้อง ... จนในที่สุดก็พบกับหนทางสว่างไสว จึงได้นำมาบอกกล่าวเล่าสู่กันฟัง แต่ผมก็คงไม่ได้มาสาธยายถึงความยากแค้นลำเข็ญ ในการที่จะพิชิต ActiveX ตัวนี้ออกมาหรอกครับ ... มาติดตามรับชมกันได้ ณ บัดนี้ ... โอมมมม สุรา โซดา น้ำแข็ง จงมาลงแก้ว ณ บัดเดี๋ยวนี้ ... เพี้ยง

ดาวน์โหลด !!!

Codejock Xtreme Suite Pro ActiveX (ต้องติดตั้งก่อนด้วยน่ะครับ)

ดาวน์โหลด Source Code สำหรับ MS Visual Basic 6.0 - Service Pack 6 (CommandBars Designer)

ดาวน์โหลด Source Code สำหรับ MS Visual Basic 6.0 - Service Pack 6 (SkinFrameWork)
ข้อมูลเพิ่มเติม
รายละเอียดการทำ Skin ด้วย Codejock Xtreme Suite Pro ActiveX
การทำ Menu ด้วย Codejock Xtreme Suite Pro ActiveX - ภาค 2

เริ่มต้นกระบวนการทำงาน

ก่อนอื่นต้องทำความเข้าใจเล็กน้อย ว่าขณะนี้กำลังจะทำเมนูในลักษณะนี้ครับ ... พี่น้อง

รายการหลัก

FILE

เมนูที่ 1 - (ID_FILE_MENU1)
เมนูที่ 2 - (ID_FILE_MENU2)

ข้อมูลโปรแกรม

PROGRAM

เมนูที่ 3 (ID_PROGRAM_MENU3)

เรียกใช้งาน ComamandBars Designer

สร้างงานว่างเปล่า (Blank) ให้กับ ComandBars

เริ่มต้นเพิ่มเมนูหลัก

จากหมายเลข 1 เป็นการเพิ่มรายการใหม่เข้าไป
Caption คือ ป้ายบอกเมนู (ไทย - อังกฤษ ก็ได้)
Category คือ การสร้างกลุ่มของเมนู (อันแรกให้ชื่อ FILE ... พิมพ์ภาษาอังกฤษเองเลย)
ID คือ ตัวแปรกำหนดค่าคงที่ๆไม่ซ้ำกันเลย เพื่อนำไปใช้อ้างอิงในการเรียกใช้งาน (พิมพ์ภาษาอังกฤษเองเลย)
Type - ต้องเลือก xtpControlPopup เพื่อระบุว่ามันมีรายการย่อยลงไปอีก ***
หากตั้งค่าผิดไป สามารถแก้ไขได้ใหม่ในหน้าต่าง Properties

ตอนนั้นผมดูจากไฟล์ตัวอย่าง ... ทำให้ตีความหมายออกมาได้ไงล่ะครับ
Dim ControlFile As CommandBarPopup
Set ControlFile = CommandBars.ActiveMenuBar.Controls.Add(xtpControlPopup, 0, "&File")

Caption คือ ป้ายบอกเมนู
Category คือ การสร้างกลุ่มของเมนู (อันต่อไปให้ชื่อ PROGRAM ... พิมพ์เองเลย)
ID คือ ตัวแปรกำหนดค่าคงที่ๆไม่ซ้ำกันเลย เพื่อนำไปใช้อ้างอิงในการเรียกใช้งาน
Type - ต้องเลือก xtpControlPopup เพื่อระบุว่ามันมีรายการย่อยลงไปอีก ***

==== สิ้นสุดขั้นตอนของเมนูหลัก 2 กลุ่ม คือ File และ Program ====

เริ่มต้นเพิ่มเมนูย่อยให้กับกลุ่ม FILE

เพิ่มรายการใหม่เข้าไป ก็ทำเหมือนเดิม (จากหมายเลข 1)
Caption คือ ป้ายบอกเมนู
Category คือ การเลือกกลุ่มของเมนู (เลือก FILE มาเลย)
ID คือ ตัวแปรกำหนดค่าคงที่ๆไม่ซ้ำกันเลย เพื่อนำไปใช้อ้างอิงในการเรียกใช้งาน
Type - ต้องเลือก xtpControlButton เพื่อให้เข้าไปอยู่ในกลุ่มของรายการหลักได้ ***

Caption คือ ป้ายบอกเมนู
Category คือ การเลือกกลุ่มของเมนู (เลือก FILE มาเลย)
ID คือ ตัวแปรกำหนดค่าคงที่ๆไม่ซ้ำกันเลย เพื่อนำไปใช้อ้างอิงในการเรียกใช้งาน
Type - ต้องเลือก xtpControlButton เพื่อให้เข้าไปอยู่ในกลุ่มของรายการหลักได้ ***

เริ่มต้นเพิ่มเมนูย่อยให้กับกลุ่ม PROGRAM

Caption คือ ป้ายบอกเมนู
Category คือ การเลือกกลุ่มของเมนู (เลือก PROGRAM มาเลย)
ID คือ ตัวแปรกำหนดค่าคงที่ๆไม่ซ้ำกันเลย เพื่อนำไปใช้อ้างอิงในการเรียกใช้งาน
Type - ต้องเลือก xtpControlButton เพื่อให้เข้าไปอยู่ในกลุ่มของข้อมูลโปรแกรมได้ ***

DRAG & DROP - จับลากมาวางใส่

เริ่มต้นการวางเมนูด้วยการ Drag & Drop (ลากแล้ววาง) เมนูหลัก คือ ID_FILE_MAIN

เริ่มต้นการวางเมนูด้วยการ Drag & Drop (ลากแล้ววาง) เมนูหลัก คือ ID_PROGRAM_MAIN

Drag & Drop เมนูย่อย

เลือกเมนูย่อยตัวแรก ID_FILE_MENU1

ผลลัพธ์ที่ได้

เลือกเมนูย่อยตัวถัดไป ID_FILE_MENU2 (ลองเลื่อนขึ้น - ลง)

ผลลัพธ์ที่ได้

*** เลือกเมนูย่อย ID_PROGRAM_MENU3 ***

ผลลัพธ์ที่ได้

หากทำผิด สามารถลบรายการออกไป ก็แค่คลิ๊กเลือกแล้วลากออกมาวางบนฟอร์ม ... จบเลย

บันทึกไฟล์เอาไว้เพื่อนำมาใช้งาน และ แก้ไขต่อไปได้อีก (xcb - Xtreme Command Bars)

การตั้งค่าให้กับ Designer แบบ Design Time

การตั้งค่าแบบ Design Time

เลือก Theme หรือ ตั้งค่าอื่นๆตามที่พี่น้องจะเห็นสมควรเอาเถอะครับ

การ Export ค่าคงที่เพื่อนำไปใช้งานใน VB Project

การ Export ค่าคงที่เพื่อนำไปใช้งานใน VB Project
เลือก CommandBars --> Resource Symbols ...

Value จะเป็นการ Defined (หรือ Definition) เพื่อกำหนดค่าคงที่ (Constant) ให้เมนูในแต่ละรายการ
เพื่อนำไปใช้งานใน VB Project
มันจะเกิดการสร้างตัวเลขที่ไม่ซ้ำกันออกมา เพื่อใช้ในการอ้างอิงถึงต่อไป

บันทึกไฟล์เป็น BAS เพื่อที่เราจะได้นำมันไปใช้งานในโปรเจคต่อไป

เพิ่ม Module (Resource.bas) เข้าไปใน VB Project อันกิ๊บเก๋ของเรา
ที่จริงแล้ว เราสามารถกำหนดชื่อตัวแปร และ ค่าคงที่ต่างๆเหล่านี้ด้วยตัวเองก็ได้
แต่อย่าให้ซ้ำกันเป็นพอครับ

Conclusion:
กระบวนขั้นตอนการทำต้นแบบเมนู (Designer) ของ Codejock Xtreme Suite Pro ActiveX มันช่างสุดแสนจะง่ายดายจริงๆเลยครับพี่น้อง ... หากผมไม่เอาออกมาแฉ หรือ เปิดโปงล่ะก็ ... หลายต่อหลายคนก็งงกันตาเหลือกไปนานแน่ๆ ... ว่าแล้วก็อ่านตอนต่อไป ณ บัด Now