1 / 40

Chapter 9

Chapter 9. การใช้งานคอนโทรลเบื้องต้น. การใช้งานคอนโทรลใน VB 2010. Common Controls Containers. การแบ่งกลุ่มคอนโทรลเพื่อให้ง่ายต่อการใช้งาน. การเพิ่มคอนโทรลเข้ามาภายหลัง อาจจะมาจากการสร้างคอนโทรลใช้เอง หรือมาจากผู้ผลิตซอฟต์แวร์อื่น ๆ นำมาใช้กับ VB เข้ามาใน Toolbox โดยการ

garth-guy
Télécharger la présentation

Chapter 9

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter 9 การใช้งานคอนโทรลเบื้องต้น

  2. การใช้งานคอนโทรลใน VB 2010 • Common Controls • Containers

  3. การแบ่งกลุ่มคอนโทรลเพื่อให้ง่ายต่อการใช้งานการแบ่งกลุ่มคอนโทรลเพื่อให้ง่ายต่อการใช้งาน • การเพิ่มคอนโทรลเข้ามาภายหลัง อาจจะมาจากการสร้างคอนโทรลใช้เอง หรือมาจากผู้ผลิตซอฟต์แวร์อื่น ๆ นำมาใช้กับ VBเข้ามาใน Toolbox โดยการ • คลิกขวาบน Toolboxเลือกคำสั่ง Add Tab • ตั้งชื่อแท็บใหม่ แล้วคลิกขวาที่แท็บใหม่เลือกคำสั่ง Choose Items…จะปรากฏหน้าต่าง Choose Toolbox Itemsขึ้นมามี 6แท็บได้แก่ • .NET Framework Components • COM Components • WPF Components • System.Activities Components • System.Workflow Components • Siverlight Components มีต่อ->

  4. การแบ่งกลุ่มคอนโทรลเพื่อให้ง่ายต่อการใช้งานการแบ่งกลุ่มคอนโทรลเพื่อให้ง่ายต่อการใช้งาน • เลือกคอนโทรลในกลุ่มที่ต้องการแล้วกด OKคอนโทรลที่ต้องการก็จะไปปรากฏบนกล่องเครื่องมือที่สร้างใหม่แล้ว

  5. คอนโทรล Label : แถบแสดงข้อความ • Labelเป็นแถบอักษร หรือป้ายตัวอักษรที่ใช้กำหนดข้อความลงไปได้ใช้สำหรับอ่านข้อความในขณะใช้งานไม่สามารถแก้ไขข้อความได้ มีพร็อพเพอร์ตี้ที่สำคัญของLabelได้แก่ • Text เป็นข้อความที่จะแสดงในแถบตัวอักษร • TextAlignเป็นการจัดวางแนวของข้อความ • AutoSizeหากกำหนดเป็น Trueทำให้ Labelเปลี่ยนขนาดได้ตามความยาวของตัวอักษร • BorderStyleรูปแบบของเส้นขอบ • Font รูปแบบฟอนต์ที่ใช้แสดงข้อความ • Image รูปภาพที่จะแสดงใน Label • ForeColorสีของตัวอักษรที่แสดงข้อความ • BackColorสีของพื้นหลัง • UseMnemonicหากกำหนดเป็น Trueคือตัวอักษรหลักเครื่องหมาย & จะมีกาขีดเส้นใต้เพื่อใช้เป็นคีย์ลัด

  6. คอนโทรล LinkLabel : แถบข้อความไฮเปอร์ลิงค์ • เป็น Label ชนิดพิเศษที่แสดงข้อความที่สามารถเชื่อมโยงไปยังเอกสารอื่น ๆ ได้เหมือนไฮเปอร์ลิงค์ในเว็บเพจมีพร็อพเพอร์ตี้สำคัญได้แก่ • LinkAreaกำหนดส่วนที่จะทำเป็นลิงค์โดยกำหนดจุดเริ่มต้นและความยาวข้อความที่เป็นลิงค์ได้ ไม่จำเป็นต้องทั้งหมดในข้อความ • LinkColorเป็นสีของตัวอักษรที่แสดงลิงค์ (ปกติเป็นสีน้ำเงิน) • VisitedColorเป็นสีที่แสดงว่าเคยถูกคลิกมาก่อน (ปกติเป็นสีม่วง) • ForeColorเป็นสีของอักษรที่แสดงข้อความที่ไม่ใช่ลิงค์ (ปกติเป็นสีดำ) อีเวนต์สำคัญของ LinkLabel • LinkClickedเป็นอีเวนต์ที่เกิดขึ้นเมื่อคลิกที่ข้อความส่วนที่เป็นลิงค์โดยต้องเขียนโค้ดเพื่อจัดการ • Click เป็นอีเวนต์ที่เกิดขึ้นเมื่อคลิกที่ข้อความส่วนที่ไม่เป็นลิงค์ (กำหนดโค้ดเพิ่มเติมเอง)

  7. คอนโทรล Button : ปุ่มคำสั่ง • คอนโทรลที่ใช้สร้างปุ่มกด สามารถเขียนคำสั่งในอีเวนต์Clickพร็อพเพอร์ตี้ที่สำคัญ ได้แก่ • Text กำหนดข้อความบนปุ่ม • TextAlignการจัดวางแนวของข้อความบนปุ่ม • AutoSizeกำหนดเป็น Trueขนาดของปุ่มจะถูกปรับขยายอัตโนมัติให้แสดงข้อความหรือรูปภาพได้พอดี • Imageเป็นรูปที่กำหนดให้กับปุ่ม • ImageAlignการจัดวางตำแหน่งรูปบนปุ่ม • Cursorการกำหนดรูปแบบเคอร์เซอร์ของเมาส์ เมื่อเลื่อนมาวางเหนือคอนโทรล • FlatStyleลักษณะการแสดงผล ปกติเป็น Standardคือปุ่มทั่วไป , Popupคือเมื่อวางเมาส์เหนือคอนโทรลจึงจะนูนขึ้นมา • เมธอดทีสำคัญของ Button Focusเป็นการกำหนดให้ปุ่มนั้นถูก Focus(พร้อมรับการกดปุ่ม Enter)

  8. คอนโทรล TextBox : กรอบข้อความ • คอนโทรลที่ใช้ในการแสดงข้อความ หรือกรอกข้อความเข้าไปสามารถแสดงข้อความบรรทัดเดียวหรือหลายบรรทัดได้ กำหนดให้ผู้ใช้สามารถแก้ไขเพิ่มเติมได้หรือไม่ ก็ได้ พร็อพเพอร์ตี้ที่สำคัญ ได้แก่ • Text เป็นข้อความที่เรากำหนดให้แสดง • ReadOnlyกำหนดว่า Textbox สามารถแก้ไขข้อความได้หรือไม่ ปกติกำหนดเป็น Falseคือยอมให้แก้ไขได้ • ForeColor สีของตัวอักษรที่แสดงข้อความ • BackColor สีของพื้นหลัง • MultiLineกำหนดบรรทัดในกล่องข้อความว่าให้แสดงบรรทัดเดียวหรือมากกว่านั้น • MaxLengthกำหนดความยาวอักษรทียอมให้กรอกได้ (ห้ามเกิน 32,767ตัวอักษร) • Wordwrapการกำหนดให้ตัดข้อความให้เหลือพอที่จะแสดง

  9. คอนโทรล TextBox : กรอบข้อความ (ต่อ) • CharacterCasingกำหนดว่าจะให้แปลงข้อความเป็นตัวพิมพ์ใหญ่ หรือพิมพ์เล็กทั้งหมด หรือไม่ (ปกติไม่ได้ให้แปลง) • PasswordCharกำหนดรูปแบบอักษรที่แสดงเป็นเครื่องหมายในการป้อนรหัสผ่าน ปกติเป็น ดอกจัน * • Lineเก็บข้อความในแต่ละบรรทัด ในลักษณะอาร์เรย์ สามารถกำหนดข้อความให้กับแต่ละบรรทัดได้ทั้งช่วง Design Time และ Run Timeพร็อพเพอร์ตี้นี้จะอ่านค่าได้อย่างเดียว • CanUndoเป็นการอนุญาตให้ Undoได้หลังจากแก้ไขข้อความ • SelectTextเป็นข้อความที่ได้จากการคลิกลากแถบเลือกข้อความ • SelectionStartเป็นตำแหน่งเริ่มต้นที่ได้จากการคลิกลากแถบเลือกข้อความ • SelectionLength เป็นความยาวของตัวอักษรที่ได้จากการคลิกลากแถบเลือกข้อความ • Scrollbarการกำหนดให้มีแถบเลื่อนหรือไม่ เมื่อความยาวเกินกว่าขนาด Textbox

  10. คอนโทรล TextBox : กรอบข้อความ (ต่อ) • เมธอดที่สำคัญ • Clearเคลียร์ข้อความใน TextBox • Undoนำข้อความก่อนการแก้ไขล่าสุดกลับมาแสดงใน TextBoxอีกครั้ง • อีเวนต์ที่สำคัญ • TextChangedเป็นอีเวนต์ที่เกิดขึ้นเมื่อข้อความใน TextBox เปลี่ยนแปลงไปจากเดิม

  11. คอนโทรล RadioButton : ตัวเลือกที่เลือกได้เพียงตัวเดียว • คอนโทรลที่ใช้สร้างตัวเลือกได้เพียงตัวเดียวเท่านั้น สาเหตุที่เรียก RadioButtonก็เพราะเหมือนการเลือกฟังช่องสถานีวิทยุก็เลือกได้เพียงสถานีเดียว พร็อพเพอร์ตี้ที่สำคัญ ได้แก่ • Appearance รูปแบบของปุ่ม • Textเป็นข้อความที่เรากำหนดให้ RadioButton • Checked ถ้าถูกคลิกเลือกจะมีค่าเป็น Trueถ้าไม่คลิกมีค่าเป็น False • TextAlignการจัดวางแนวของข้อความที่แสดงว่าจะอยู่ซ้ายหรือขวาของช่องที่ใช้เลือก • CheckAlignเป็นแนวของปุ่มที่อยู่ในคอนโทรล • FlatStyleลักษณะการแสดงผล ปกติเป็น Standardคือปุ่มทั่วไป , Popupคือเมื่อวางเมาส์เหนือคอนโทรลจึงจะนูนขึ้นมาเหมือนปุ่มทั่วไป

  12. คอนโทรล CheckBox : ตัวเลือกที่เลือกได้มากกว่าหนึ่งตัว • คอนโทรลที่ใช้สร้างตัวเลือกได้หลายตัวเลือกในครั้งเดียวโดยการคลิกที่ตัวเลือกที่ต้องการหรือไม่เลือกก็ได้ พร็อพเพอร์ตี้ที่สำคัญ ได้แก่ • Textเป็นข้อความที่เรากำหนดให้ CheckBox • Checked ถ้าถูกคลิกเลือกจะมีค่าเป็น Trueถ้าไม่คลิกมีค่าเป็น False • CheckStateเป็นสถานะที่แสดงว่าถูกเลือกหรือไม่ • TextAlignการจัดวางแนวของข้อความที่แสดงว่าจะอยู่ซ้ายหรือขวาของช่องที่ใช้เลือก • CheckAlignเป็นแนวของปุ่มที่อยู่ในคอนโทรล • FlatStyleลักษณะการแสดงผล ปกติเป็น Standardคือปุ่มทั่วไป , Popupคือเมื่อวางเมาส์เหนือคอนโทรลจึงจะนูนขึ้นมาเหมือนปุ่มทั่วไป

  13. คอนโทรล ListBox : รายการข้อมูล • คอนโทรลที่เป็นรายการข้อมูลที่พร้อมให้เลือกจากตัวเลือกที่มีอยู่ภายใน ซึ่งสามารถกำหนดได้ว่าให้เลือกเพียงตัวเดียวหรือเลือกพร้อมกันหลายตัว พร็อพเพอร์ตี้ที่สำคัญ ได้แก่ • Sortedเป็นการเรียงลำดับใน ListBox • MultiColumnเป็นการกำหนดว่าจะให้แสดงผลมากกว่าหนึ่งคอลัมน์หรือไม่ • ColumnWidthเป็นการกำหนดความกว้างคอลัมน์ในการแสดงผล • ScrollAlwaysVisibleจะกำหนดว่าต้องแสดงแถบเลื่อนตลอดเวลาหรือไม่ • SelectionModeจะกำหนดว่าจะสามารถเลือกข้อมูลได้มากกว่า 1ข้อมูลต่อครั้งหรือไม่มี 4รูปแบบ • SelectedItemเป็นการรีเทิร์นค่าที่ได้จากการเลือก • SelectedValueเป็นการรีเทิร์นค่าอินเด็กซ์ของตัวที่ถูกเลือก • Itemsเป็นคอลเล็คชันที่ใช้กำหนดข้อมูลเข้าไปใน ListBox

  14. คอนโทรล ListBox : รายการข้อมูล (ต่อ) • เมธอดที่สำคัญของListBox • Add เป็นการเพิ่มข้อมูลให้กับ ListBox โดยเพิ่มในลักษณะต่อท้าย • Insert เป็นการแทรกข้อมูลให้กับ ListBoxณIndexที่เราระบุ • RemoveAtเป็นการลบข้อมูลออกจากรายการข้อมูล โดยต้องระบุ Indexที่ต้องการ • Clearเป็นการลบข้อมูลทุกตัวออกจากรายการข้อมูล • ClearSelectedเป็นการเคลียร์ข้อมูลที่เคยถูกเลือกไว้ • อีเวนต์ที่สำคัญของListBox • Click เป็นอีเวนต์ที่เกิดขึ้นเมื่อคลิกที่ ListBox เพื่อเลือกข้อมูลจากรายการข้อมูล

  15. คอนโทรล CheckedListBox : รายการข้อมูลแบบเลือกได้หลายตัว • คอนโทรลที่จับเอา CheckBoxไปไว้ใน ListBoxทำให้สามารถเลือกตัวเลือกหลาย ๆ ตัว ประหยัดพื้นที่ในการแสดงผลและยืดหยุ่นในการใช้งานกว่าเดิม พร็อพเพอร์ตี้ที่ใช้เหมือนกับของ ListBoxแต่มีที่เพิ่มเติมพิเศษ จาก ListBoxได้แก่ • ThreeDCheckBoxesเป็นการเรียงลำดับใน ListBox • CheckOnClickเป็นการระบุทุกครั้งที่คลิกที่ช่องสี่เหลี่ยม หรือที่ข้อความให้เลือกทันที (เพราะปกติถ้าจะเลือกต้องคลิกที่ช่องสี่เหลี่ยมเท่านั้น)

  16. คอนโทรล ComboBox :TextBox+ListBox • คอนโทรลที่สามารถเลือกรายการต่าง ๆ ได้ขณะเดียวกันก็คีย์ข้อมูลเพื่อเลือกได้เหมือน TextBoxพร็อพเพอร์ตี้ที่สำคัญได้แก่ • DropDownStyleเป็นรูปแบบการแสดงข้อมูล มี 3แบบ • MaxDropDownItemเป็นการกำหนดจำนวนรายการที่แสดงเมื่อคลิกเลือกที่ ComboBox • MaxLengthเป็นการกำหนดความยาวตัวอักษรที่จะป้อนได้ • Sortedเป็นการเรียงลำดับให้กับข้อมูลในComboBox • SelectedItemเป็นการรีเทิร์นค่าที่ได้จากการเลือก • SelectedValueเป็นการรีเทิร์นค่าอินเด็กซ์ของตัวที่ถูกเลือก • Itemsเป็นคอลเล็กชัน ที่ใช้กำหนดข้อมูลเข้าไปใน ComboBox หรืออ่านข้อมูลจาก ComboBox ตามที่เราระบุ Index

  17. คอนโทรล ComboBox :TextBox+ListBox (ต่อ) • เมธอดสำคัญของComboBox • Addเพิ่มข้อมูลให้กับ ComboBoxในลักษณะต่อท้าย • Insert เป็นการแทรกข้อมูลให้กับ ComboBoxณIndexที่เราระบุ • RemoveAtเป็นการลบข้อมูลออกจากComboBoxโดยต้องระบุ Indexที่ต้องการ • Clearเป็นการลบข้อมูลทุกตัวออกจากComboBox • อีเวนต์ที่สำคัญของComboBox • Click เป็นอีเวนต์ที่เกิดขึ้นเมื่อคลิกเลือกที่ตัวเลือกภายใน ComboBox

  18. คอนโทรล NumericUpdown : เพิ่มลดค่าตัวเลขในช่วงที่กำหนด • คอนโทรลที่สามารถกำหนดรูปแบบของการป้อนตัวเลขโดยการคลิกปุ่มลูกศรขี้นลง หรือป้อนโดยตรง สามารถบังคับให้ข้อมูลที่ป้อนนั้นอยู่ในขอบเขตที่เหมาะสมได้ พร็อพเพอร์ตี้ที่สำคัญได้แก่ • Minimumเป็นรูปแบบการแสดงข้อมูล มี 3แบบ • Maximum เป็นการกำหนดจำนวนรายการที่แสดงเมื่อคลิกเลือกที่ ComboBox • Valueเป็นการกำหนดความยาวตัวอักษรที่จะป้อนได้ • UserEditเป็นการระบุว่าผู้ใช้งานสามารถป้อนข้อมูลโดยตรงหรือไม่ • Incrementเป็นระดับของการเปลี่ยนแปลงค่าสำหรับการคลิกที่ปุ่มลูกศรขึ้นลงแต่ละครั้ง • ThousandSeparatorเป็นระบุว่าต้องใส่เครื่องหมายจุลภาคคั่นระหว่างตัวเลขหรือไม่ • Hexadecimalเป็นการระบุว่าให้แสดงตัวเลขในรูปแบบฐานสิบหกหรือไม่ • DecimalPlaceเป็นการระบุตัวเลขหลังจุดทศนิยมในกรณีที่เป็นฐานสิบ • UpDownAlignเป็นการเลือกว่าจะให้ลูกศรขึ้นลงอยู่ด้านซ้ายหรือขวาของช่องที่กรอกข้อมูล • InterceptArrowKeysเป็นการกำหนดว่าจะให้ใช้กดปุ่มลูกศรขึ้นลงที่คีย์บอร์ดเทียบเท่ากับการคลิกปุ่มลูกศรขึ้นลงของตัวคอนโทรลหรือไม่

  19. คอนโทรล DateTimePicker : เลือกวันที่และเวลา • คอนโทรลที่ช่วยลดการป้อนข้อมูลด้วยรูปแบบที่ผิดพลาดเช่นวันเดือนปี หรือเวลา มีพร็อพเพอร์ตี้ที่สำคัญได้แก่ • Valueเป็นค่าวันเดือนปีเวลาที่ได้จากการเลือก • MinDateเป็นการกำหนดขอบเขตวันเดือนปีต่ำสุดที่คอนโทรลตัวนี้จะแสดงผลได้ • MaxDateเป็นการกำหนดขอบเขตวันเดือนปีสูงสุดที่คอนโทรลตัวนี้จะแสดงผลได้ • ShowUpDownระบุได้ว่าต้องการแสดงผลแบบ UpDownหรือ DropDownListแล้วแสดงปฏิทิน • Formatรูปแบบการแสดงผลวันเดือนปี และเวลาในตัวคอนโทรล มีรูปแบบเป็น • Long • Short • Time • Custom

  20. คอนโทรล MonthCalendar : เลือกวันที่จากปฏิทิน • คอนโทรลที่ใช้รับข้อมูล วันเดือนปี นอกจากคอนโทรล DateTimePicker มีรูปแบบการใช้งานแบบปฏิทินบังคับรูปแบบการรับจากผู้ใช้ได้ มีพร็อพเพอร์ตี้ที่สำคัญได้แก่ • MinDate เป็นการกำหนดขอบเขตวันเดือนปีต่ำสุดที่คอนโทรลตัวนี้จะแสดงผลได้ (ค่าดีฟอลต์ที่กำหนดคือ 1มกราคม พ.ศ.2296) • MaxDateเป็นการกำหนดขอบเขตวันเดือนปีสูงสุดที่คอนโทรลตัวนี้จะแสดงผลได้ (ค่าดีฟอลต์ที่กำหนดคือ31ธันวาคม พ.ศ.10541) • MonthlyBoldedDates เป็นการกำหนดวันที่ในปฏิทินของทุกเดือนให้เน้นด้วยตัวเหนา • ShowToday เป็นการแสดงวันเดือนปีปัจจุบันในปฏิทิน • ShowTodayCircleเป็นการสั่งให้เขียนวงกลม หรือสี่เหลี่ยมล้อมรอบ ณ วันที่ปัจจุบันในปฏิทิน • ShowWeekNumberเป็นการแสดงเลขที่ของสัปดาห์โดยเริ่มนับสัปดาห์แรกของปีตั้งแต่เดือนมกราคม • FirstDayOfWeekเป็นการกำหนดวันแรกของสัปดาห์ในปฏิทิน

  21. คอนโทรล MonthCalendar : เลือกวันที่จากปฏิทิน (ต่อ) • MaxSelectionCount เป็นการกำหนดช่วงของจำนวนวันที่สามารถเลือกได้จากปฏิทิน • SelectedRangeเป็นการระบุช่วงของวันที่ได้เลือก โดยประกอบด้วยวันที่เริ่มต้นและวันที่สิ้นสุด • CalendarDimensionเป็นการกำหนดจำนวนหน้าในปฏิทินที่จะแสดงผล โดยกำหนดจำนวนหน้าในด้านกว้าง และจำนวนหน้าในด้านสูง

  22. คอนโทรล GroupBox : จัดกลุ่มของคอนโทรล • คอนโทรลที่ช่วยรวมคอนโทรลที่อยู่อย่างอิสระมาบรรจุไว้ในกลุ่มเดียวกัน (Container) อย่างเช่นคอนโทรล RadioButton ,CheckListเป็นต้น มีพร็อพเพอร์ตี้ที่สำคัญได้แก่ • Textเป็นการกำหนดข้อความที่อยู่ที่มุมซ้ายบนของ GroupBox

  23. คอนโทรล TabControl : แบ่งการทำงานเป็นชีทเหมือน Excel • คอนโทรลที่ช่วยแบ่งกลุ่มการทำงานโดยใช้พื้นที่เดียวกัน ถ้าเปรียบเทียบกับ GroupBoxซึ่งจะใช้พื้นที่แสดงผลมากกว่า มีพร็อพเพอร์ตี้ที่สำคัญได้แก่ • Multilineเป็นการอนุญาตให้สามารถแสดงแท็บได้หลายบรรทัดถ้าหากความกว้างของคอนโทรลไม่พอจะบรรจุทุกแท็บไว้ได้ • SizeModeเป็นการระบุให้ความกว้างงของแท็บ โดยปกติความกว้างจะผันแปรตามความยาวของข้อความใน Tabแต่เราสามารถกำหนดให้คงที่ได้ • TabPagesเป็นคอลเลกชันที่ใช้เก็บข้อมูลของแต่ละแท็บเอาไว้มีพร้อพเพอร์ตี้ที่สำคัญได้แก่ • Text เป็นข้อความที่แสดงบนแท็บ • ToolTipTextเป็นข้อความแนะนำที่แสดงขึ้นมาตอนเอาเมาส์ไปวางทาบที่แท็บ

  24. คอนโทรล ProgressBar : แสดงความคืบหน้าของการทำงาน • คอนโทรลที่ช่วยบอกถึงความคืบหน้าในการทำงานนั้น ๆ เพื่อบอกผู้ใช้ว่ายังทำงานอยู่ไม่ได้แฮงก์หรือหยุดการทำงาน มีพร็อพเพอร์ตี้ที่สำคัญได้แก่ • Minimumเป็นค่าต่ำสุดของ ProgressBar(ปกติกำหนดไว้ที่ 0) • Maximumเป็นค่าสูงสุดของ ProgressBar(ปกติกำหนดไว้ที่ 100) สามารถกำหนดให้มากที่สุดถึง 32,768 • Value เป็นค่าที่อยู่ระหว่าง Minและ Maxโดยการแสดงผลใน ProgressBar จะแสดงในสัดส่วนของเปอร์เซ็นต์ ซึ่งคำนวณได้จากสูตรต่อไปนี้ % ของ ProgressBar= ((Value-Min)*100)/Max • Stepเป็นระดับชั้นทีเรากำหนดให้เมื่อมีการสั่งให้เพิ่มค่าแบบทีละระดับ ๆ (ใช้ เมธอด PerformStepหรือ Increment) • Styleเป็นรูปแบบการแสดงความคืบหน้าของ ProgressBar มี 3แบบ คือ Blocks,Continuousและ Marquees • Align เป็นการกำหนดลักษณะการวางตำแหน่งของ ProgressBarในฟอร์ม อาจจะวางตำแหน่งชิดขอบบน หรือ ขอบล่าง หรือขอบซ้าย หรือขอบขวา หรือตามผู้ออกแบบกำหนด

  25. คอนโทรล ProgressBar : แสดงความคืบหน้าของการทำงาน (ต่อ) • เมธอดที่สำคัญของProgressBarได้แก่ • PerformStepเป็นการสั่งให้เพิ่มค่าของProgressBarขึ้นไปทีละระดับ • Incrementเป็นการสั่งให้เพิ่มค่าของ ProgressBarขึ้นไปยังค่าที่ต้องการ

  26. คอนโทรล PictureBox : แสดงรูปภาพ • คอนโทรลที่แสดงภาพนิ่ง ซึ่งสามารถจัดการกับภาพนิ่งที่แสดงได้ในหลาย ๆ ลักษณะโดยกำหนดในพร็อพเพอร์ตี้มีพร็อพเพอร์ตี้ที่สำคัญได้แก่ • Widthเป็นความกว้างของคอนโทรล PictureBox • Heightเป็นความสูงของคอนโทรล PictureBox • SizeModeเป็นการจัดการกับขนาดของภาพ ในกรณีที่ขนาดภาพไม่พอดีกับขนาดของ PictureBox • Imageเป็นออบเจ็กต์ที่ใช้จัดการการแสดงภาพ ควบคู่กับคอนโทรลPictureBox • ImageLocationเป็นชื่อของไฟล์พร้อมพาธที่เก็บชื่อไฟล์ที่จะนำมาแสดงผล • ErrorImageชื่อไฟล์รูปภาพที่จะแสดงเมื่อเกิดความผิดพลาดเมื่อไม่สามารถโหลดภาพได้สำเร็จ • InitialImageชื่อไฟล์รูปภาพที่จะแสดงในระหว่างการโหลดภาพ ก่อนภาพที่ระบุจะแสดงขึ้นมา PictureBoxเป็นเสมือนกรอบรูป ส่วนออบเจ็กต์ Imageนั้นเปรียบเสมือนรูปภาพในกรอบ

  27. คอนโทรล PictureBox : แสดงรูปภาพ (ต่อ) • เมธอดของ PictureBoxได้แก่ • RotateFlipเป็นการสั่งให้มีการหมุนภาพจากปกติ • Saveเป็นการบันทึกไฟล์รูปภาพนั้นตามรูปแบบที่กำหนด

  28. คอมโพเนนต์ ToolTip • พร็อพเพอร์ตี้ที่สำคัญได้แก่ • Widthเป็นความกว้างของคอนโทรล PictureBox • Heightเป็นความสูงของคอนโทรล PictureBox • SizeModeเป็นการจัดการกับขนาดของภาพ ในกรณีที่ขนาดภาพไม่พอดีกับขนาดของ PictureBox • Imageเป็นออบเจ็กต์ที่ใช้จัดการการแสดงภาพ ควบคู่กับคอนโทรลPictureBox • ImageLocationเป็นชื่อของไฟล์พร้อมพาธที่เก็บชื่อไฟล์ที่จะนำมาแสดงผล • ErrorImageชื่อไฟล์รูปภาพที่จะแสดงเมื่อเกิดความผิดพลาดเมื่อไม่สามารถโหลดภาพได้สำเร็จ • InitialImageชื่อไฟล์รูปภาพที่จะแสดงในระหว่างการโหลดภาพ ก่อนภาพที่ระบุจะแสดงขึ้นมา PictureBoxเป็นเสมือนกรอบรูป ส่วนออบเจ็กต์ Imageนั้นเปรียบเสมือนรูปภาพในกรอบ

  29. การทดลอง ProgressBar

  30. การทดลอง ProgressBar Private Sub progress_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load textMin.Text = ProgressBar1.Minimum.ToString() textMax.Text = ProgressBar1.Maximum.ToString() End Sub Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim i As Integer Button1.Enabled = False If RadioBlocks.Checked = True Then ProgressBar1.Style = ProgressBarStyle.Blocks ElseIf RadioMarquee.Checked = True Then ProgressBar1.Style = ProgressBarStyle.Marquee Else ProgressBar1.Style = ProgressBarStyle.Continuous End If ProgressBar1.Minimum = textMin.Text ProgressBar1.Maximum = textMax.Text For i = ProgressBar1.Minimum To ProgressBar1.Maximum ProgressBar1.Value = i Me.Text = i & "%" System.Threading.Thread.Sleep(150) Next Button1.Enabled = True End Sub

  31. การทดลอง Tab Control

  32. การทดลอง Tab Control Private Sub tab_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Label1.Text = "This Is TabPage1" End Sub Private Sub TabControl1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TabControl1.SelectedIndexChanged If TabControl1.SelectedIndex = 0 Then Label1.Text = "This Is TabPage1" ElseIf TabControl1.SelectedIndex = 1 Then Label2.Text = "This Is TabPage2" ElseIf TabControl1.SelectedIndex = 2 Then Label3.Text = "This Is TabPage3" ElseIf TabControl1.SelectedIndex = 3 Then Label4.Text = "This Is TabPage4" Else Label5.Text = "This Is TabPage5" End If End Sub

  33. การทดลอง TrackBar

  34. การทดลอง TrackBar Private Sub Track_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Label1.Text = 0 End Sub Private Sub TrackBar1_Scroll(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TrackBar1.Scroll Label1.Text = TrackBar1.Value * 10 & " %" End Sub

  35. การทดลอง โปรแกรมคำนวณค่าจัดส่งไปรษณีย์

  36. โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ)โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ) Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load If ComboBox1.Items.Count > 0 Then ComboBox1.SelectedIndex = 0 ' The first item has index 0 ' End If End Sub Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim crdate As Date Dim boxprice As Integer Dim sumprice As Integer Dim calcp As Integer Dim tape As Integer = 20 Dim stun As Integer = 12 Dim cord As Integer = 15 Dim priceacc As Integer If CheckInput(TextBox1.Text) Then Dim W As Integer = TextBox1.Text If RadioButton1.Checked Then crdate = CalcRev(DateTimePicker1.Value, 1) calcp = CalcPe(W) Else crdate = CalcRev(DateTimePicker1.Value, 7) calcp = CalcPn(W) End If

  37. โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ)โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ) If CheckBox1.Checked = True And CheckBox2.Checked = False And CheckBox3.Checked = False Then priceacc = tape ElseIf CheckBox1.Checked = False And CheckBox2.Checked = True And CheckBox3.Checked = False Then priceacc = stun ElseIf CheckBox1.Checked = False And CheckBox2.Checked = False And CheckBox3.Checked = True Then priceacc = cord ElseIf CheckBox1.Checked = True And CheckBox2.Checked = True And CheckBox3.Checked = False Then priceacc = tape + stun ElseIf CheckBox1.Checked = True And CheckBox2.Checked = False And CheckBox3.Checked = True Then priceacc = tape + cord ElseIf CheckBox1.Checked = False And CheckBox2.Checked = True And CheckBox3.Checked = True Then priceacc = stun + cord ElseIf CheckBox1.Checked = True And CheckBox2.Checked = True And CheckBox3.Checked = True Then priceacc = tape + stun + cord Else priceacc = 0 End If boxprice = CalcBox(ComboBox1.Text) sumprice = priceacc + boxprice + calcp MessageBox.Show("ค่าใช้จ่ายในการส่งสินค้ารวม " & sumprice.ToString("#,##0.00") & " บาท " & vbCrLf & "สินค้าจะถึงในวัน" & crdate.ToString("dddd") & "ที่ " & crdate.ToString("dd MMMM yyyy")) Else ErrorNum() End If End Sub

  38. โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ)โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ) Function CalcBox(ByVal StrBox As String) As Integer Dim boxprice As Integer If StrBox = "ก" Then boxprice = 9 ElseIf StrBox = "ข" Then boxprice = 12 ElseIf StrBox = "ค" Then boxprice = 16 ElseIf StrBox = "ง" Then boxprice = 25 Else boxprice = 32 End If Return boxprice End Function

  39. โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ)โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ) Function CalcRev(ByValSendD As Date, ByValSendT As Integer) As String Dim revdate As Date revdate = SendD.AddDays(SendT) Return revdate End Function Function CheckInput(ByValstrWeigth As String) As Boolean If Not IsNumeric(strWeigth) Then Return False End If Return True End Function Function CalcPn(ByValintWeigth As Integer) As Integer Dim Wprice As Integer If intWeigth > 3000 Then Wprice = 90 ElseIfintWeigth > 2000 Then Wprice = 60 ElseIfintWeigth > 1000 Then Wprice = 40 Else Wprice = 25 End If Return Wprice End Function

  40. โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ)โปรแกรมคำนวณค่าจัดส่งไปรษณีย์(ต่อ) Function CalcPe(ByVal intWeigth As Integer) As Integer Dim Wprice As Integer If intWeigth > 3000 Then Wprice = 120 ElseIf intWeigth > 2000 Then Wprice = 100 ElseIf intWeigth > 1000 Then Wprice = 80 Else Wprice = 50 End If Return Wprice End Function Sub ErrorNum() MessageBox.Show("กรุณากรอกข้อมูลเฉพาะตัวเลข และมีค่ามากกว่า 0", "ผิดพลาด", MessageBoxButtons.OK, MessageBoxIcon.Error) End Sub

More Related