23
บทท่ 3 การสร้าง Appication แบบ Windows Form อ.ปกรณ์ สุนทรเมธ สาขาวชาเทคโนโลยสารสนเทศ คณะวทยาศาสตร์และเทคโนโลย

บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

บทท่ี 3 การสร้าง Appication แบบ Windows Form

อ.ปกรณ์ สุนทรเมธ

สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์และเทคโนโลยี

Page 2: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

พื้นฐานการเขียนโปรแกรม ฟอร์ม (Form) คือวินโดว์ที่ใช้ติดต่อกับผู้ใช้งาน ภายในฟอร์มประกอบด้วยออบเจ็ค เพื่อติดต่อกับผู้ใช้

คอนโทรล (Control) หรือ Object เป็นเครื่องมือติดต่อกับผู้ใช้งาน มีหน้าที่ต่างกัน เช่น Label ใช้แสดงข้อความ, Textbox ใช้รับข้อความ, Button ปุ่มค าสั่ง และอาจจะมีคอนโทรลบางประเภทที่ไม่แสดงบนหน้าจอ

โดยในการท างานกับฟอร์มและคอนโทรล จะต้องทราบส่วนประกอบที่ส าคัญคือ

1. พร็อพเพอร์ตี้ (Property)

2. อีเวนต์ (Event)

3. เมธอด (Method)

Page 3: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

พื้นฐานการเขียนโปรแกรม

พร็อพเพอร์ตี้ (Property) คือคุณสมบัติของออบเจ็คหรือคอนโทรล แต่ละอย่างจะมีคุณสมบัติเฉพาะที่แตกต่างกัน โดยสามารถก าหนดลักษณะต่างๆของฟอร์มและคอลโทรล เช่น สีของปุ่ม

Page 4: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

Properties ส าคัญของ Form Name : เป็นช่ือฟอร์ม

Text : เป็นข้อความที่แสดงท่ีแถบด้านบน(TitleBar)

Size : เป็นการระบุความกว้างและความสูงของฟอร์ม

BackColor : สีพื้นของฟอร์ม

FormBorderStyle : รูปแบบของขอบฟอร์ม

Font : รูปแบบตัวอักษร

ForeColor : สีตัวอักษรที่อยู่บนฟอร์ม

Page 5: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

Method Method : ความสามารถของ Object เป็นค าสั่งให้ฟอร์มและคอนโทรลท างานตามที่เราต้องการตัวอย่าง

private void btnExit_Click(object sender, EventArgs e)

{

this.Close();

}

method

Page 6: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ตัวอย่าง Method ส าคัญของ Form Show : Method ที่เรียก Form ข้ึนมาแสดงผลมีผลเช่นเดียวกับการก าหนด Property ของ Visible = True

ShowDialog : Method ที่เรียก Form แสดงผลแบบ Dialog(ต้องคลิกปิด Formนี้ก่อนจึงจะไปท างานในหน้าต่างอ่ืนๆได้)หรือเรียก Modal Dialog

Hide : ใช้ซ่อน Form

Activate : ใช้เรียกฟอร์ม ท าให้ฟอร์มที่อาจจะเคยถูกฟอร์มอ่ืนทับหรือบังไว้ถูกแสดงออกมา

SetDestopLocation: ก าหนดต าแหน่งพิกัดที่ฟอร์มจะแสดงบนหน้าจอ

Page 7: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

Event Event : คือเหตุการณ์ที่เกิดข้ึนกับฟอร์มหรือคอนโทรล โดยสามารถใส่ค าสั่งเพื่อตอบสนองได้ เช่น การเขียนค าสั่งตอบสนองต่ออีเวนต์ Click ของปุ่มค าสั่ง

ตัวอย่าง

Page 8: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ตัวอย่าง Event ส าคัญของ Form Load : จะเกิดข้ึนเมื่อฟอร์มถูกเรียกข้ึนมาใช้งาน

Resize : จะเกิดขึ้นเมื่อฟอร์มถูกปรับขนาดให้เปล่ียนไป

SizeChanged : จะเกิดข้ึนเมื่อฟอร์มถูกปรับขนาด

Unload : จะเกิดขึ้นเมื่อฟอร์มเลิกใช้งานฟอร์ม

Click : จะเกิดข้ึนเมื่อคลิกลงไปบนพื้นฟอร์ม

Page 9: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่
Page 10: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

การใช้งาน MessageBox

การโต้ตอบกับผู้ใช้งาน เช่น

การยืนยันการปิดโปรแกรม

การเตือนผู้ใช้งานทราบเมื่อเกิดเหตุการณ์ท่ีผิดพลาด

การต้องการลบ

Page 11: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ตัวอย่างการใช้งาน MessageBox

Page 12: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

รูปแบบ

MessageBox.Show(Text [,Caption [,Button] [,Icon] [,DefaultButton]);

Text : ข้อความที่ปรากฏใน MessageBox

Caption : ข้อความบนแถบด้านบนของ Messagebox

Buttons : ปุ่มที่จะให้ผู้ใช้งานเลือกกระท าหลังจากอ่านข้อความแล้ว

Icon : ไอคอนที่แสดงประกอบกับข้อความ

DefaulButton : การก าหนดปุ่ม Defaul ว่าเป็นปุ่มที่เท่าไร(นับจากซ้ายมาขวา)

การใช้งาน MessageBox

Page 13: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

การใช้งาน MessageBox

Page 14: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่
Page 15: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ทดลองเขียนโปรแกรม Message Boxก าหนดให้เขียนโปรแกรม MessageBox แสดง

ค าถามข้อความว่า “คุณต้องการลบข้อมูลหรือไม่ ?”

แสดงข้อความที่ TitleBar ว่า “ยืนยันการลบข้อมูล”

โดยให้แสดงปุ่ม Yes ,No และ Cancel

แสดง Icon รูป

Page 16: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ทดลองเขียนโปรแกรม Message Boxก ำหนดใหเ้ขียนโปรแกรมโดยมีรำยละเอียดดงัน้ี- เกบ็ขอ้ควำมรหสัวชิำและช่ือวชิำท่ีตวัแปร CourseId, CourseName ตำมล ำดบั- เกบ็เกรดสมมุติท่ีนกัศึกษำคำดวำ่จะไดท่ี้ตวัแปร strGrade- เกบ็คะแนนสมมุติท่ีนกัศึกษำคำดวำ่จะไดท่ี้ตวัแปร intPoint

Page 17: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

รู้จักกับคอนโทรลแสดงตัวเลือก

Page 18: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ทดลองเขียนโปรแกรมด้วยคอนโทรล check box

Page 19: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ตัวอย่างการสร้าง Application ด้วยฟอร์ม

การออกแบบหน้าตา Application และขั้นตอนการท างาน

จะให้ฟอร์มท างานอะไร

วาง Control ให้เหมาะสม

ข้อความควรง่ายต่อการส่ือความหมาย

Page 20: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ทดลองเขียนโปรแกรมด้วยคอนโทรล Radio Button

Page 21: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ก าหนดค่า Property ต่างๆ ของ Form และ Control ดังน้ี

Page 22: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

ก าหนดค่า Property ต่างๆ ของ Form และ Control ดังนี้

Page 23: บทที่ 3 การใช้คำสั่งพื้นฐาน และ ...sat.nan.rmutl.ac.th/pakorn/wp-content/uploads/2014/09/... · 2014-09-30 · บทที่

แบบฝึกหัด1. คุณสมบัติ (Property) ของ Object คืออะไร และมีวธิกี าหนดอย่างไร

2. Object ที่ต่างกัน จะม ีProperties ที่เหมือนกันได้หรือไม่ พรอ้มกับยกตัวอย่างประกอบ

3. จงอธิบายค าศัพท์ตอ่ไปนี้

Property, Event , Method , Control , Properties Window, Solution Explorer

4. จงยกตัวอย่างและอธิบายคุณสมบัต(ิProperty) ที่ส าคัญของปุม่ค าสั่ง(Button) ,เลเบล(Label) , เท็กบอกซ(์TextBox) มาพอสังเขป

5. Project คืออะไร จงอธบิายไฟล์ส่วนประกอบคร่าวๆของโปรเจ็ค Visual C#