Chuong 02 lập trình với các control cơ bản

Khoa CNTT CNPM LẬP TRÌNH TRÊN WINFORM Phạm Hồng Hải LTUDQL - Khoa CNTT CNPM NI DUNG ă Tng quan v Control ă Cỏc Control thụng dng ã Form, Label, Text Box, Button • Check Box, Radio Button • Combo Box, Listbox, Listview, Treeview • Menu Strip, Tool Strip ã Groupbox, Panel, Tab ă Cỏc control nõng cao Control ă Hi ỏp Phm Hong Hi LTUDQL - Khoa CNTT CNPM TNG QUAN V CONTROL ă Control l mt thnh phn c bn trờn form ă Cú thành phần • Thuộc tính • Phương thức • Sự kiện Thuộc tính Phương thức Sự kiện Phạm Hồng Hải LTUDQL - Khoa CNTT CNPM TỔNG QUAN V CONTROL MT S THUC TNH ă Text: ni dung caption, title ă Focus: phng thc chuyn focus vo control ¨ TabIndex: thứ tự control nhận focus • Mặc nh c VS.NET thit lp ă Enable: thit lp trng thỏi truy cp ca control ă Visible: n control trờn form, cú th dựng phng thc Hide ă Anchor: ă • Neo giữ control vị trí xác định • Cho phép control di chuyển theo vị trí Size: xác nhận kích thước control Phạm Hồng Hải LTUDQL - Khoa CNTT CNPM TỔNG QUAN VỀ CONTROL MỘT SỐ THUỘC TÍNH Common Properties Description BackColor Màu control BackgroundImage Ảnh control ForeColor Màu hiển thị text form Enabled Xác định control trạng thái enable Focused Xác định control nhận focus Font Font hiển thị text control TabIndex Thứ tự tab control TabStop Nếu true, user sử dụng tab để select control Text Text hiển thị form TextAlign Canh lề text control Visible Xác định hiển thị control Phạm Hoàng Hải LTUDQL - Khoa CNTT CNPM TỔNG QUAN VỀ CONTROL LAYOUT - ANCHOR None Sizable FormBorderStyle Fixed3D Phạm Hoàng Hải FixedSingle LTUDQL - Khoa CNTT CNPM TỔNG QUAN VỀ CONTROL LAYOUT - ANCHOR ¨ Khi FormBorderStyle = Sizable, form cho phép thay đổi kớch thc Runtime ã ă S b trớ ca control thay đổi! Sử dụng thuộc tính Anchor • Cho phép control phản ứng lại với thao tác resize form § Control thay đổi vị trí tương ứng với việc resize form § Control cố định khơng thay đổi theo việc resize form • Các trạng thái neo § Left: cố định theo biên trái § Right: cố định theo biên phải § Top: cố định theo biên § Bottom: cố định theo biên Phạm Hoàng Hải LTUDQL - Khoa CNTT CNPM TỔNG QUAN VỀ CONTROL LAYOUT - ANCHOR Button neo biên trái Button tự Vị trí tương biên trái không đổi Di chuyển tương ứng theo kích thước Phạm Hồng Hải LTUDQL - Khoa CNTT CNPM TỔNG QUAN VỀ CONTROL LAYOUT - ANCHOR Biên chọn neo, màu đậm Phạm Hoàng Hải LTUDQL - Khoa CNTT CNPM TỔNG QUAN VỀ CONTROL LAYOUT - DOCK ă Cỏc control cú th gn (dock) với cạnh form, container control Windows Explorer ListView gắn bên phải TreeView gắn bên trái Phạm Hoàng Hải LTUDQL - 10 Khoa CNTT CNPM 3.CC CONTROL THễNG DNG TREEVIEW ă ă ă Thuc tính • Nodes: Lấy node node • SelectedNode: Trả node chọn • Checkboxes: Nếu true thị checkbox bên cạnh node • ImageList: List hình ảnh Icon Sự kiện • AfterSelect: Sau node chọn • AfterExpanded: Sau node Expand • AfterCollapse: Sau node collapse • AfterEdited: Sau node Edit Phương thức • CollapseAll • ExpandAll Phạm Hồng Hải LTUDQL - 67 Khoa CNTT CNPM 3.CÁC CONTROL THÔNG DỤNG TREEVIEW – TẠO LẬP ¨ Các bước tạo TreeView • Tạo node gốc (root) • Add node gốc vào danh sách Nodes TreeView • Tạo node add vào Nodes node gốc • Làm tương tự để add node vào TreeView tv = new TreeView(); TreeNode root = new TreeNode(root); tv.Nodes.Add(root); root.Nodes.Add(new TreeNode(“Vegetables”)); root.Nodes.Add(new TreeNode(“Fruit”)); root.Nodes.Add(new TreeNode(“Meat”)); root.Nodes.Add(new TreeNode(“Poultry”)); Phạm Hoàng Hải LTUDQL - 68 Khoa CNTT CNPM 3.CC CONTROL THễNG DNG TREEVIEW GETNODECOUNT ă S nodes TreeView (TreeNode) sử dụng hàm GetNodeCount() TreeView (TreeNode) ă Tham s l True: k c node chỏu ¨ Tham số False: có node ¨ Ví dụ: tvName.GetNodeCount(true) tvName.GetNodeCount(false) Phạm Hồng Hải LTUDQL - 69 Khoa CNTT CNPM 3.CÁC CONTROL THÔNG DỤNG TREEVIEW CHN NODE ă S dng thc tớnh SelectedNode ă S kin AfterSelect, BeforeSelect ă Ngoi ra, cú th s dụng thuộc tính IsSelected TreeNode để kiểm tra node cú c chn hay khụng ă Duyt node: s dng thuộc tính FirstNode, PrevNode, NextNode, LastNode TreeNode Phạm Hoàng Hải LTUDQL - 70 Khoa CNTT CNPM 3.CÁC CONTROL THễNG DNG TREEVIEW EDITING NODE ă S dng thuc tớnh LabelEdit ă Cỏc s kin BeforeLabelEdit, AfterLabelEdit => tham số LabelEditEventArgs (Item, CancelEdit) Phạm Hoàng Hải LTUDQL - 71 Khoa CNTT CNPM 3.CÁC CONTROL THÔNG DỤNG TREEVIEW – LẤY NODE (X,Y) ă S dng hm GetNodeAt() ă Vớ d: tvName.GetNodeAt(x, y) Phạm Hoàng Hải LTUDQL - 72 Khoa CNTT CNPM 3.CC CONTROL THễNG DNG TREEVIEW XểA NODE ă S dng hm Remove(), RemoveAt() ă Xúa ton b: Clear() Phạm Hoàng Hải LTUDQL - 73 Khoa CNTT CNPM 3.CÁC CONTROL THễNG DNG TREEVIEW CHECKBOXS ă S dng thuc tớnh CheckBoxes ă S dng thuc tớnh Checked ca bin TreeNode ă S dng s kin AfterChecked Phm Hong Hi LTUDQL - 74 Khoa CNTT CNPM 3.CÁC CONTROL THÔNG DỤNG TREEVIEW ICONS ă S dng i tng ImageList ă Thuc tớnh ImageList TreeView ă Thuc tớnh ImageIndex ca Item Phạm Hoàng Hải LTUDQL - 75 Khoa CNTT CNPM CC CONTROL THễNG DNG ă Form, Label, Text Box, Button ¨ Check Box, Radio Button ¨ Combo Box, Listbox, Listview, Treeview ă Menu Strip, Tool Strip Phm Hong Hi LTUDQL - 76 Khoa CNTT CNPM CÁC CONTROL THÔNG DỤNG MENU STRIP ă ă Mi MenuItem cú th l ã ToolStripMenuItem • ToolStripSeparator • ToolStripTextBox • ToolStripComboBox Thuộc tính • Items Phạm Hồng Hải LTUDQL - 77 Khoa CNTT CNPM CC CONTROL THễNG DNG MENU STRIP ă ToolStripMenuItem ã Mt s thuc tớnh c bn Đ Text § Image § ShortcutKeys § Checked § DropDownItems • Một s s kin c bn Đ Click ă Cỏc thuc tính, phương thức kiện ToolStripTextBox, ToolStripComboBox giống Text Box ComboBox Phạm Hoàng Hải LTUDQL - 78 Khoa CNTT CNPM CÁC CONTROL THÔNG DỤNG TOOL STRIP ă ă Mi button cú th l ã ToolStripButton • ToolStripSplitButton • ToolStripDropDownButton • ToolStripComboBox • ToolStripTextBox • ToolStripSeperator • ToolStripProgressBar Thuộc tính • Items Phạm Hồng Hải LTUDQL - 79 Khoa CNTT CNPM CÁC CONTROL THễNG DNG TOOL STRIP ă ToolStripButton ã Mt s thuc tớnh c bn Đ DisplayStyle Đ Image Đ Text ã Mt s s kin c bn Đ Click ă ToolStripSplitButton/ToolStripDropDownB utton ã Thuc tớnh c bn Đ DropDownItems ã S kiện § § § § Click DropDownOpening DropDownOpened DropDownClosed Phạm Hoàng Hải LTUDQL - 80 Khoa CNTT CNPM CÂU HỎI Phạm Hoàng Hải LTUDQL - 81