Ngôn Ngữ Lập trình C# Chuong 5

1 1 Windows Controls Chương 5 2 Nội Dung • Tổng quan controls • Property & layout của control – Anchor – Docking • Các control thông dụng • Mouse Event handling • Keyboard event handling 3 Tổng quan controls • Control là một thành phần cơ bản trên form • Có các thành phần – Thuộc tính – Phương thức – Sự kiện • Tất cả các control chứa trong namespace: System.Windows.Forms 4 Tổng quan controls • Một số thuộc tính của control – Text: mô tả text xuất hiện trên control – Focus: phương thức chuyển focus vào control – TabIndex: thứ tự của control nhận focus – Enable: thiết lập trạng thái truy cập của control – Visible: ẩn control trên form, có thể dùng phương thức Hide – Anchor: • Neo giữ control ở vị trí xác định • Cho phép control di chuyển theo vị trí – Size: kích thước của control 2 5 Thuộc tính controls Thuộc tính chung Mô tả BackColor Màu nền của control BackgroundImage Ảnh nền của control ForeColor Màu hiển thị text trên form Enabled Xác định khi control trạng thái enable Focused Xác định khi control nhận focus Font Font hiển thị text trên control TabIndex Thứ tự tab của control TabStop Nếu true, user có thể sử dụng tab để select control Text Text hiển thị trên form TextAlign Canh lề text trên control Visible Xác định hiển thị control 6 Control Layout - Anchor None FixedSingle Fixed3D FixedDialog Sizable FormBorderStyle 7 Control Layout - Anchor • Khi FormBorderStyle = Sizable, form cho phép thay đổi kích thước khi Runtime – Sự bố trí của control cũng 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 của form • Control có thể thay đổi vị trí tương ứng với việc resize của form • Control cố định không thay đổi khi 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 trên • Bottom: cố định theo biên dưới 8 Control Layout - Anchor Button được neo biên trái Button tự do Vị trí tương đối với biên trái không đổi Di chuyển tương ứng theo kích thước mới 3 9 Control Layout - Anchor • Thiết lập Anchor cho control Chọn các biên để neo Biên được chọn neo, màu đậm 10 Control Layout - Anchor Neo theo bốn phía 11 Control Layout - Docking • Các control có thể gắn (dock) với một cạnh nào đó của form, hoặc container của control. Windows Explorer TreeView gắn bên trái ListView gắn bên phải 12 Control Layout - Docking Right Bottom Left None Fill Top 4 13 Control Layout - Docking TextBox Dock = None Dock = Top Dock = Fill TextBox.Multiline = True Dock = Bottom 14 Label, TextBox, Button • Label – Cung cấp chuỗi thông tin chỉ dẫn • Chỉ đọc • Được định nghĩa bởi lớp Label • TextBox – Thuộc lớp TextBox – Vùng cho phép user nhập dữ liệu • Cho phép nhập dạng Password • Button – Cho phép cài đặt 1 hành động. – Dẫn xuất từ ButtonBase 15 Label, TextBox, Button Label Thuộc tính thường dùng Font Font hiển thị của text Text Nội dung text hiển thị TextAlign Canh lề text ForeColor Màu text Visible Trạng thái hiển thị 16 Label, TextBox, Button TextBox Thuộc tính thường dùng AcceptsReturn Nếu true: nhấn enter tạo thành dòng mới trong chế độ multiline Multiline Nếu true: textbox ở chế độ nhiều dòng, mặc định là false PasswordChar Chỉ hiển thị ký tự đại diện cho text ReadOnly Nếu true: textbox hiển thị nền xám, và ko cho phép nhập liệu, mặc định là false ScrollBars Thanh cuộn cho chế độ multiline Sự kiện thường dùng TextChanged Kích hoạt khi text bị thay đổi, trình xử lý được khởi tạo mặc định khi kích đúp vào textbox trong màn hình design view 5 17 Label, TextBox, Button Button Thuộc tính thường dùng Text Chuỗi hiển thị trên bề mặt button Sự kiện thường dùng Click Kích hoạt khi user kích vào button, khai báo mặc định khi người lập trình kích đúp vào button trong màn hình Design View của Form. 18 Label, TextBox, Button • Demo TextBox Chuyển thành chữ hoa Double click vào textbox để tạo event handler cho event TextChanged 19 Label, TextBox, Button • Chỉ cho nhập số Sự kiện KeyPress Sự kiện phát sinh khi textbox nhận focus và user nhấn 1 phím 20 ListBox & ComboBox •• ListBoxListBox – Cung cấp một danh sách các itemdanh sách các item cho phép user chọn – ListBox cho phép hiển thị scroll nếu các item vượt quá vùng thể hiện của ListBox Items MultiColumn SelectedIndex SelectedItem ListBoxListBox SelectedItems Sorted Text Properties PropertiesProperties PropertiesProperties PropertiesProperties Properties Items MultiColumn SelectedIndex SelectedItem ListBoxListBox SelectedItems Sorted Text Properties PropertiesProperties PropertiesProperties PropertiesProperties Properties 6 21 ListBox & ComboBox •• Method & EventMethod & Event ListBoxListBox ClearSelected FindString SelectedIndexChanged SelectedValueChanged Method MethodMethod MethodMethod MethodMethod Method Event EventEvent EventEvent EventEvent Event 22 ListBox & ComboBox • Thuộc tính ItemsItems cho phép thêm item vào ListBox Danh sách item Cho phép thêm item trong màn hình thiết kế form 23 ListBox & ComboBox • ListBox hiển thị dạng Multi Column Hiển thị nhiều cột 24 ListBox & ComboBox • Demo ListBoxListBox Kiểm tra xem chuỗi nhập có trong list box? - Nếu có: select item đó - Ngược lại: thêm chuỗi mới vào list box 7 25 ListBox & ComboBox • Sự kiện SelectedIndexChanged Mỗi khi kích chọn vào item trong listbox ⇒ ⇒⇒ ⇒ sẽ xóa item được chọn tương ứng SelectedIndexChangedSelectedIndexChanged 26 ListBox & ComboBox •• ComboBoxComboBox – Kết hợp TextBox với một danh sách dạng drop down – Cho phép user kích chọn item trong danh sách drop down ComboBoxComboBox Items Sorted Text AutoCompleteMode MaxDropDownItems DropDownHeight 27 ListBox & ComboBox •• DropDownStyleDropDownStyle 28 ListBox & ComboBox Bổ sung item trong màn hình design view 8 29 ListBox & ComboBox Mỗi khi chọn một item ⇒ ⇒⇒ ⇒ hiển thị item được chọn trên MessageBox 30 ListBox & ComboBox • Tính năng AutoCompleteAutoComplete Gõ “Ng” AutoCompleteMode AutoCompleteSource AutoComplete 31 GroupBox & Panel •• GroupBoxGroupBox – Hiển thị một khung bao quanh một nhóm control – Có thể hiển thị một tiêu đề • Thuộc tính Text – Khi xóa một GroupBox thì các control trong nó bị xóa theo •• PanelPanel – Chứa nhóm các control – Không có caption – Có thanh cuốn (scrollbar) • Xem nhiều control khi kích thước panel giới hạn 32 GroupBox & Panel GroupBox Mô tả Thuộc tính thường dùng Controls Danh sách control chứa trong GroupBox. Text Caption của GroupBox Panel Mô tả Thuộc tính thường dùng AutoScroll Xuất hiện khi panel quá nhỏ để hiển thị hết các control, mặc định là false BorderStyle Biê n của panel, mặc định là None, các tham số khác như Fixed3D, FixedSingle Controls Danh sách control chứa trong panel 9 33 GroupBox & Panel • Minh họa GroupBoxGroupBox groupBox1 chứa 2 control textBox1 và button1 textBox2 và button2 chứa trong Form 34 GroupBox & Panel • Minh họa PanelPanel scroll 35 TabControl • Dạng container chứa các control khác • Cho phép thể hiện nhiều trang trên một form • Mỗi trang chứa các control tương tự như group control khác. – Mỗi trang có tag chứa tên của trang – Kích chuột vào các tag để chuyển qua lại giữa các trang •• Ý Ý nghĩanghĩa: – Cho phép thể hiện nhiều control trên một form – Các control có cùng nhóm chức năng sẽ được tổ chức trong một tab (page) 36 TabControl •• TabControlTabControl có thuộc tính TabPagesTabPages – Chứa các đối tượng TabPageTabPage TabControl TabPage TabPage 10 37 ButtonsButtons TabControl • Thuộc tính AppearanceAppearance NormalNormal FlatButtonFlatButton 38 TabControl • Thuộc tính, phương thức & sự kiện thường dùng Multiline SelectedIndex SelectedTab TabCount TabPages SelectedIndexChanged Event EventEvent EventEvent EventEvent Event Properties PropertiesProperties PropertiesProperties PropertiesProperties Properties Method MethodMethod MethodMethod MethodMethod Method DeselectTab DeselectTabDeselectTab DeselectTab 39 TabControl • Thêm/Xóa TabPage Kích chuột phải Thêm/Xóa TabPage 40 TabControl • Chỉnh sửa các TabPage – Chọn thuộc tính TabPagesTabPages của TabControl – Sử dụng màn hình TabPage Collection EditorTabPage Collection Editor để chỉnh sửa [...]... System.Windows.Forms.Control 53 List View 54 List View • Các d ng th hi n c a ListView Details Large Icons Small Icons Mỗi item xuất hiện với 1 icon kích thước lớn và một label bên dưới List Large Icons Tile 55 56 14 List View List View List Small Icons Mỗi item xuất hiện với icon nhỏ với label bên phải, item được sắp theo cột nhưng không có tiêu đề cột Mỗi item xuất hiện với icon nhỏ và một label bên phải 57 List View 58 List... giá trị public void AddNumericUpDown() { NumericUpDown numUpDn = new NumericUpDown(); numUpDn.Location = new Point (50 , 50 ); numUpDn.Size = new Size(100, 25) ; Hiển thị giá trị Hexa numUpDn.Hexadecimal = true; // hiển thị dạng hexa numUpDn.Minimum = 0; // giá trị nhỏ nhất numUpDn.Maximum = 255 ; // giá trị lớn nhất numUpDn.Value = 0xFF; // giá trị khởi tạo numUpDn.Increment = 1; // bước tăng/giảm Controls.Add(numUpDn);... code: 85 86 TreeView TreeView • Thi t l p thu c tính ImageIndex • K t qu 87 88 22 TrackBar TrackBar • Cho phép user thi t l p giá tr trong kho ng c đ nh cho trư c • Thao tác qua thi t b chu t ho c bàn phím public void AddTrackBar() { TrackBar tb1 = new TrackBar(); tb1.Location = new Point(10, 10); tb1.Size = new Size( 250 , 50 ); tb1.Minimum = 0; tb1.Maximum = 100; Properties Minimum Maximum Thiết lập khoảng:... metafile, icon, JPEG, GIF • S d ng thu c tính Image đ thi t l p nh lúc design ho c runtime • Các thu c tính – Image: nh c n hi n th – SizeMode: • • • • • 50 5 pictureBox với các SizeMode tương ứng Normal StretchImage AutoSize CenterImage Zoom 51 52 13 List View List View • Properties • D ng control ph bi n hi n th m t danh sách item GridLines – Các item có th có các item con g i là subitem Sorting... xuất hiện khi user di chuyển chuột vào vùng control 1 15 116 29 Mouse Event • Mouse là thi t b tương tác thông d ng trên GUI • M t s các thao tác phát sinh t mouse – Di chuy n – Kích chu t • ng d ng c n x lý s ki n chu t nào s khai báo trình x lý tương ng • L p MouseEventArgs đư c s d ng đ ch a thông tin truy n vào cho trình x lý s ki n mouse • M i trình x lý s ki n s có tham s là đ i tư ng object và... Enable sự kiện Tick Interval Khoảng thời gian chờ giữa 2 lần gọi Tick Stop Tick 103 104 26 Timer Timer • S ki n Tick • Demo Mỗi giây sự kiện Tick phát sinh Trình xử lý của Tick sẽ lấy giờ hệ thống và hiển thị lên Label Khai báo trình xử lý sự kiện Tick 1 05 ProgressBar ProgressBar • Hi n th ti n đ th c hi n c a m t công vi c nào đó • Các thu c tính – – – – – 106 Minimum: giá tr nh nh t Maximum: giá tr l... dòng có các cột chứa thông tin chi tiết Mỗi item xuất hiện với icon kích thước lớn, bên phải có label chứa item và subitem 59 60 15 List View List View • T o các c t cho ListView – Details qua Hộp thoại soạn thảo cột – C a s properties → Columns đ t o – S d ng code trong chương trình ColumnHeader columnHeader1 = new ColumnHeader(); ColumnHeader columnHeader2 = new ColumnHeader(); ColumnHeader columnHeader3... o KeyPress Event Handling cho form Label chứa ký tự được nhấn trong sự kiện KeyPress Label chứa thông tin mã ký tự được nhấn trong sự kiện KeyDown 1 35 136 34 Keyboard Event Keyboard Event • Bư c 3: • Demo – T o KeyDown Event Handling cho form 137 138 35 ... ListViewItem.ListViewSubItem item1.Text = “Đại học Quy Nhơn"; subitem1.Text = “20.000 Sinh viên"; item1.SubItems.Add(subitem1); listView1.Items.Add(item1); Thêm subitem vào item Thêm item vào danh sách items của ListView 65 ListView 66 ListView • K t qu • Thêm CheckBox vào trư c m i item trong ListView – Đ t thuôc tính CheckBoxes=True 67 68 17 ListView ListView • S ki n SelectedIndexChanged • Xóa item – Xóa toàn b các item... a item đang ch n – SelectedItem: item đang đư c ch n – Sorted: s p danh sách item – Text: text đang hi n th trên DomainUpDown String Collection Editor Cho phép nhập item • Event – SelectedItemChanged 95 96 24 DateTimePicker DateTimePicker • Cho phép ch n ngày trong kho ng xác đ nh • K t h p ComboBox và MonthCalendar • Properties private void AddDateTimePicker() { DateTimePicker DTPicker = new DateTimePicker(); . Icons ListList TileTile 56 List View Large Icons Mỗi item xuất hiện với 1 icon kích thước lớn và một label bên dưới 15 57 List View Mỗi item xuất hiện với icon nhỏ và một label bên phải Small Icons 58 List. từ System.Windows.Forms.Control 54 List View •• PropertiesProperties FullRowSelect MultiSelect Sorting Columns Items ItemsItems Items CheckBoxes GridLines 55 List View • Các dạng thể hiện của. SizeMode: • Normal • StretchImage • AutoSize • CenterImage • Zoom 52 PictureBox 5 pictureBox với các SizeMode tương ứng 14 53 List View • Dạng control phổ biến hiển thị một danh sách item –