Powerpoint บทที่ 2

21
บบบบบ 2 บบบบบบบบบบบบบบบบ บบบบบบบบบ Visual Basic โโโโโโโ Visual Basic โโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโ GUI โโโโโโโโโโโโโโโโโ โโโโโโโ Visual Basic 6.0 โโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโ Program โโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโ โโโโโโโโ New Program โโโโโโ โโโโ 3 Tab โโโโโโ Tab New, Tab Existing, โโโ Tab Recent โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโ Visual Basic 6.0 โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ Program โโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโ โโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ Visual Basic 6.0 โโโโโโโโโ

Transcript of Powerpoint บทที่ 2

บทท�� 2 ความรู้��เบ��องต้�นเกี่��ยวกี่�บ Visual Basic

โปรแกรม Visual Basic เปนโปรแกรมที่� สน�บสน�นการพั�ฒนาโปรแกรมในร�ปแบบของ GUI หลั�งจากที่� ติ�ดติ� งโปรแกรม Visual Basic 6.0 เร�ยบร"อยแลั"วจะปรากฏโปรแกรมว�ชาเบส�กใน Program พัร"อมที่� จะใช"งาน หน"าแรกที่� จะใช"งาน เร�ยกว'า New Program ประกอบด"วย 3 Tab ด�งน� Tab New, Tab Existing, แลัะ Tab Recent ซึ่) งโปรแกรมจะเติร�ยมโปรแกรมติ'างๆ ที่� ม�อย�'ในโปรแกรมให"พัร"อมส+าหร�บพั�ฒนาโปรแกรม

หลั�งจากที่� ติ�ดติ� งโปรแกรม Visual Basic 6.0 เร�ยบร"อยแลั"วจะปรากฏโปรแกรมว�ชาเบส�กใน Program พัร"อมที่� จะใช"งาน ในเน, อหาบที่น� จะให"เราศึ)กษาว�ธี�การใช"งานโปรแกรม แลัะส'วนประกอบของโปรแกรม เร� มติ"นติ� งแติ'การเข"าส�'โปรแกรม แลัะการใช"งานเคร, องม,อติ'างๆ ที่� ม�อย�'ในโปรแกรมข� นติอนการพั�ฒนาโปรแกรม Visual Basic 6.0 เบ, องติ"น

กี่ารู้เข้�าใช้�งานโปรู้แกี่รู้ม Visual Basic 6.0

 คลั�กที่� ป�2ม Start--> Programs --> Microsoft Basic 6.0 --> Microsoft Visual Basic 6.0

เรู้��มต้�น กี่ารู้เข้�าใช้�งานโปรู้แกี่รู้ม Visual Basic 6.0

เม, อเข"าส�'โปรแกรม Visual Basic 6.0 จะพับก�บหน"าติ'างแรกของโปรแกรม (Dialog Box) ซึ่) งโดยที่� วไปเร�ยกว'า New Project ประกอบด"วย 3 Tab ด�งน�

Tab New เปนหน"าติ'างที่� ประกอบไปด"วย Icon ติ'าง ๆ ที่� ใช"ส+าหร�บเร�ยกใช"งาน Project ใหม'โดยแติ'ลัะไอคอน ก4 จะม�ค�ณสมบ�ติ� เหมาะก�บงานในแติ'ลัะอย'างไป โดยปกติ�การพั�ฒนาโปรแกรมจะใช"ไอคอน Standard.EXE

Tab Existing เปนหน"าติ'างที่� ใช"ส+าหร�บเร�ยก Project เด�มที่� ม�การพั�ฒนาไว"แลั"วข) นมาใช" งานหร,อมาแก"ไขโปรแกรม โดยให" เลั,อกโฟลัเดอร7ที่� จ�ดเก4บ Project แลั"วเลั,อกไฟลั7 Project ที่� ติ"องการแลัะคลั�กOpen

Tab Recent เปนหน"าติ'างที่� แสดงรายการของ Project ติ'าง ๆ ที่� เคยถู�กเร�ยกข) นมาใช"งาน ซึ่) งผู้�"ใช"สามารถูเร�ยกข) นมา ใช"งานได"สะดวกแลัะรวดเร4วมากข) น

ส่�วนปรู้ะกี่อบข้องโปรู้แกี่รู้ม Visual Basic 6.0

1. Title Bar ไติเติ�ลับาร7 แสดงช, อโปรแกรมแลัะช, อไฟลั7ที่� ก+าลั�งใช"งานอย�'2. MenuBar เมน�บาร7 เปนส'วนที่� ร �บค+าส� งในแบบเมน� เม, อที่+าการสร"าง

โปรแกรมด"วย Visual Basic เปนเหม,อนศึ�นย7กลัางที่� ควบค�มการสร"างโปรแกรม

3. ToolBar ที่�ลับาร7 ในการใช"งานเมน�บาร7ส� งงานอาจจะม�ข� นติอนที่� ย�'งยาก เพั, อลัดข� นติอนลัง สามารถูคลั�กที่� ที่�ลับาร7เพั�ยงคร� งเด�ยว ก4สามารถูส� งงานที่� ติ"องการได"

4. ToolBox ที่�ลับ4อกซึ่7 เปนกลั'องเก4บ ActiveX Control ซึ่) งจะน+ามาประกอบเปนส'วนติ'าง ๆ ของโปรแกรมหร,อออกแบบหน"าติาของโปรแกรม

5. Form Designer ฟอร7มด�ไซึ่เนอร7 เปนส'วนที่� ใช"ในการออกแบบหน"าจอของโปรแกรมที่� พั�ฒนา หร,อเปนที่� ส+าหร�บวางเคร, องม,อหร,อคอนโที่รลั (Control) ใน ToolBox

6. Project Explorer เปนหน"าติ'างที่� ใช"ในการควบค�มการที่+างานของโปรเจ4กติ7

7. Properties Window เปนส'วนที่� ก+าหนดค�ณสมบ�ติ� (Properties) ของว�ติถู�(Object) ติ'าง ๆ ที่� วางอย�'บน Form Designer

8. Form Layout เปนหน"าติ'างแสดงผู้ลัแลัะก+าหนดติ+าแหน'งการแสดงผู้ลัของโปรแกรม ที่+าให"ที่ราบติ+าแหน'งที่� จะปรากฏบนจอภาพัเม, อร�นโปรแกรม

9. Code Editor เปนส'วนที่� ให"เข�ยนค+าส� งของโปรแกรม หร,อที่� เร�ยกวา โค"ด (Code) เพั, อควบค�มการที่+างานของโปรแกรม

รู้ายละเอ�ยดข้อง Toolbar ข้องโปรู้แกี่รู้ม Visual Basic 6.0

Toolbar ค,อ ส�ญลั�กษณ7หร,อร�ปภาพัที่� ใช"แที่นการใช"ค+าส� งติ'างๆ ในเมน� (Menu bar) เพั, ออ+านวยความสะดวกในการใช"งานแลัะง'ายติ'อการจดจ+า ซึ่) งแสดงอย�'ในร�ปของไอคอน (Icon) ลั�กษณะติ'างๆ

รู้ายละเอ�ยดข้อง Toolbox ข้องโปรู้แกี่รู้ม Visual Basic 6.0Toolbox ค,อ ที่�ลับ4อกซึ่7 เปนกลั'องเก4บ

ActiveX Control ซึ่) งจะน+ามาประกอบเปนส'วนติ'างๆของโปรแกรมหร,อออกแบบหน"าติาของโปรแกรม โดยที่� วไปเร�ยกว'า คอนโที่รลั (Control) ซึ่) งเคร, องม,อเหลั'าน� จะน+าไปวาดลังบนฟอร7ม

กี่ารู้วาดคอนโทรู้ลใน Toolbox ลงบนฟอรู้$ม

การเลั,อกคอนโที่รลัใน Toolbox มาใช"งาน ข) นอย�'ก�บการออกแบบฟอร7มหร,อหน"าติาของติ�วโปรแกรม โดยจะติ"องค+าน)งถู)งหน"าที่� การที่+างานของคอนโที่รลัแติ'ลัะติ�วให"เหมาะสมก�บการใช"งาน เช'นเพั, อร�บข"อม�ลั หร,อแสดงข"อม�ลั ซึ่) งจะได"ม�การเข�ยนรห�สโปรแกรมควบค�มสามารถูที่+างานได"ติามความติ"องการได"ติ'อไป การวางคอนโที่รลัสามารถูปฏ�บ�ติ�ได" 2 ว�ธี� ด�งน�

1. ด�บเบ�ลัคลั�กคอนโที่รลัที่� ติ"องการจาก Toolbox คอนโที่รลัน� นจะไปปรากฏบนฟอร7ม หลั�งจากน� นก4ที่+าการเคลั, อนย"ายคอนโที่รลั โดยการใช"เมาส7วางไว"บนคอนโที่รลัที่� ติ"องการย"ายแลัะกดเมาส7ค"างไว"แลั"วลัากไปวางติ+าแหนงที่� ติ"องการได"

2. คลั�กเลั,อกคอนโที่รลัแลั"ววาดลังบนฟอร7ม ว�ธี�น� ให"คลั�กเลั,อกคอนโที่รลับน Toolbox ก'อน (คอนโที่รลัที่� ถู�กเลั,อกจะย�บลัง) หลั�งจากน� นให"เลั,อกเมาส7ไปที่� วางบนฟอร7มจะส�งเกติเห4นร�ปเมาส7เปลั� ยนเปนเคร, องหมาย ให"คลั�กเมาส7ซึ่"ายค"างไว"แลั"วลัากที่แยงม�มจากม�มซึ่"ายลังไปม�มลั'างขวาติามขนาดที่� ติ"องการ จะส�งเกติเห4นขนาดคอนโที่รลั เม, อได"ขนาดที่� ติ"องการก4ปลั'อยเมาส7จะปรากฏคอนโที่รลัที่� ติ"องการอย�'บนฟอร7มแลัะอย�'ในติ+าแหน'งที่� เราติ"องการถู"าหากติ"องการย"ายก4ให"ที่+าเหม,อนเด�มค,อคลั�กแลั"วลัากไป

ข้��นต้อนกี่ารู้พั�ฒนาโปรู้แกี่รู้มด�วย Visual Basic

1.ข� นติอนการออกแบบฟอร7มหร,อหน"าจอก'อนที่� จะด+าเน�นสร"างโปรแกรมหร,อออกแบบฟอร7ม

จ+าเปนติ"องม�การร'างหน"าติาของโปรแกรมก'อน อาจจะออกแบบบนกระดาษก'อน เพั, อช'วยให"การจ�ดร�ปแบบของหน"าจอม�ความเหมาะสมก�บการที่+างาน แลัะที่+างานให"พั�ฒนาโปรแกรมเปนไปด"วยความรวดเร4วที่+าให"ผู้�"พั�ฒนามองเห4นหน'าติาของโปรแกรมคร'าวๆก'อนที่� จะลังม,อสร"างบนโปรแกรมจร�ง

2. ข� นติอนการสร"างฟอร7มหร,อหน"าจอของโปรแกรมเปนข� นติอนการน+าคอนโที่รลั Toolbox มาวางบนฟอร7ม

ติามร�ปแบบที่� ได"ม�การออกแบบหน"าจอไว" ซึ่) งในข� นติอนน� ติ"องเลั,อกคอนโที่รลัที่� ม�ความเหมาะสมติรงก�บความติ"องการใช"งาน ในติ�วอย'างน� จะใช"คอนโที่รลั 3 ติ�วประกอบด"วย Label, Textbox, Command Button หากติ"องการลับคอนโที่รลัออกจากฟอร7ม ให"คลั�กเลั,อกคอนโที่รลัที่� ติ"องการลับ (ส�งเกติ จะม�ส� เหลั� ยมลั"อมรอบ) แลัะกดป�2ม Delete หร,อคลั�กไอคอนร�ปกรรไกร

3. ข� นติอนการก+าหนดค�ณสมบ�ติ� (Properties) ของ Controlเปนข� นติอนการก+าหนดค�ณสมบ�ติ�ของฟอร7มแลัะ

คอนโที่รลัที่� วางบนฟอร7ม เพั, อให"ม�หน"าติาสวยงามติามความติ"องการสะดวกติ'อการใช"งาน ซึ่) งคอนโที่รลัแติ'ลัะติ�วจะติ"องก+าหนดค�ณสมบ�ติ�ที่� Properties Window โดยการเลั,อกคอนโที่รลัแติ'ลัะติ�วเพั, อก+าหนดค�ณสมบ�ติ�

4. ข� นติอนการเข�ยนโปรแกรมเปนข� นติอนการเข�ยนค+าส� งเพั, อควบค�มหร,อส� งให"

Control ที่+างานติามความติ"องการ โดยการด�บเบ�ลัคลั�กลังบน Control ที่� ติ"องการส� งให"ที่+างาน จะปรากฏหน"าติ'างส+าหร�บเข�ยนค+าส� ง (Code C) ถู"าหากไม'สามารถูพั�มพั7ภาษาไที่ยไม'ได"ให"ด+าเน�นการด�งน�

คลั�กที่� เมน� Tools > Option… > Tab Control Format > Font: ให"ก+าหนดติ�วอ�กษรที่� เปนภาษาไที่ย หร,อลังที่"ายด"วย UPC

5. ข� นติอนร�นโปรแกรมข� นติอนการติรวจสอบการที่+างานของโปรแกรม

ว'าค+าส� งที่� ใช"งานม�ข"อผู้�ดพัลัาดเก�ดข) นหร,อไม' ถู"าหากม�ข"อผู้�ดพัลัาดโปรแกรมจะแสดงข"อความที่างจอภาพั การร�นโปรแกรมให"กดป�2ม หร,อกด F5 ถู"าหากหย�ดการร�นให"กดป�2ม

6. ข� นติอนการบ�นที่)กแลัะจ�ดเก4บโปรแกรมเม, อพั�ฒนาโปรแกรมเสร4จเร�ยบร"อยแลั"ว ข� นติอน

ส�ดที่"ายเปนการจ�ดเก4บโปรแกรมไว"เพั, อใช"งานหร,อแก"ไขปร�บปร�งในคร� งติ'อไป ซึ่) งจะประกอบไปด"วย ช, อ Project จะม�นามสก�ลัเปน .vbp แลัะ ช, อ Form ม�นามสก�ลั .frm การจ�ดเก4บควรจะสร"างโฟลัเดอร7เฉพัาะส+าหร�บแติ'ลัะ Project เน, องจาก Project หน) งๆ อาจจะประกอบไปด"วยหลัายฟอร7ม หร,อ�องค7ประกอบอ, นๆเช'น Module, Data Report, Data Environment เปนติ"น