Chương LẬP TRÌNH GIAO DIỆN TRONG WINDOWS Lê Quý Tài quytai3985@gmail.com Nội dung 5/26/16 Giới thiệu lập trình giao diện Windows Làm việc với Windows form điều khiển Các hộp thoại thông dụng Thực đơn ứng dụng nhiều biểu mẫu Chương Lập trình giao diện Windows 2/51 Lập trình giao diện Windows  NET cung cấp WinForm điều khiển khác qua lớp sở namespace System.Windows.Forms  Để thiết kế Windows Application  Tạo Windows Application Visual Studio.Net thêm System.Windows.Forms System.Drawing  Tạo lớp để biểu diễn WinForm dẫn xuất từ System.Windows.Forms.Form  Khởi tạo điều khiển khác nhau, thiết lập thuộc tính thêm tập hợp điều khiển 5/26/16 Chương Lập trình giao diện Windows 3/51 Tạo ứng dụng Windows Form 5/26/16 Chương Lập trình giao diện Windows 4/51 Windows Form  Form Designer  Thiết kế giao diện đồ họa người sử dụng điều khiển (control) từ hộp công cụ (Toolbox)  Properties window   5/26/16 Thiết lập thuộc tính Solution Explorer  Solution: tập tất project  Reference: chứa file assemblies  AssemblyInfo.cs: chứa thông tin assembly  Form.cs: chứa file nguồn Chương Lập trình giao diện Windows 5/51 5/26/16 Chương Lập trình giao diện Windows 6/51 Windows form điều khiển   Điều khiển (control) thành phần form Có thành phần   Thuộc tính (property)  Mô tả đối tượng: tên, chiều cao,  Có thể xác định thiết kế (Design) thi hành (Runtime) Phương thức (method)   Sự kiện (event)  5/26/16 Cách thức để thực công việc Phản ứng đối tượng dựa kiện xảy Chương Lập trình giao diện Windows 7/51 Xử lý kiện  Các phương thức xử lý kiện điều khiển thường gồm tham số: sender e  sender có kiểu object: đại diện cho đối tượng phát sinh kiện  e có kiểu EventArgs: chứa thông tin kiện: vị trí chuột, thời gian phát sinh kiện  Ví dụ: private void btnDisplay_Click(object sender, EventArgs e) { txtWelcome.Text = "Welcome to Visual C# 2010"; } 5/26/16 Chương Lập trình giao diện Windows 8/51 Hộp thông báo - MessageBox MessageBox.Show(Nội dung thông báo, Tiêu đề, Kiểu chức năng, Kiểu biểu tượng); Nội dung thông báo đặt nháy kép MessageBox.Show("Bạn chưa nhập liệu", "Thông báo", MessageBoxButtons.OK, MessageBoxIcon.Information); 5/26/16 Chương Lập trình giao diện Windows 9/51 Hộp thông báo   Phương thức MessageBox.Show trả giá trị nút mà người dùng nhấn Các giá trị   System.Windows.Forms.DialogResult.Cancel  System.Windows.Forms.DialogResult.Abort   System.Windows.Forms.DialogResult.OK System.Windows.Forms.DialogResult.Retry  System.Windows.Forms.DialogResult.Ignore  System.Windows.Forms.DialogResult.Yes  System.Windows.Forms.DialogResult.No Ví dụ: Yêu cầu thoát người dùng muốn private void bttThoat_Click(object sender, EventArgs e) { if (MessageBox.Show("Bạn có muốn thoát khỏi chương trình không?", "Thông báo", MessageBoxButtons.YesNo, MessageBoxIcon.Question) == System.Windows.Forms.DialogResult.Yes) Application.Exit(); //Thoát chương trình } 5/26/16 Chương Lập trình giao diện Windows 10/51 ComboBox – Hộp lựa chọn  Phương thức  ComboName.Items.Add(Item); //Thêm  ComboName.Items.Remove(Item); //xoá  ComboName.Items.RemoveAt(Index); //xoá vị trí index  ComboName.Items.Clear(); //xoá tất Ví dụ: nhập liệu cho hộp cboQue private void cboQue_DropDown(object sender, EventArgs e) { cboQue.Items.Clear(); cboQue.Items.Add("Hà Nội"); cboQue.Items.Add("Nam Định"); cboQue.Items.Add("Đà Lạt"); } 5/26/16 Chương Lập trình giao diện Windows 37/51 CheckedListBox     5/26/16 Gần giống ListBox, có thêm checkbox đầu dòng Đặt tên bắt đầu clb Có thuộc tính, kiện tương tự ListBox Bổ sung thêm  Thuộc tính: CheckedItems: tập phần tử check  Sự kiện: ItemCheck: người dùng nháy đúp chuột Chương Lập trình giao diện Windows 38/51 NumericUpDown  Lựa chọn giá trị số khoảng giá trị với bước nhảy xác định Thuộc tính Mô tả Name Tên, bắt đầu tiếp đầu ngữ nud Increment Bước nhảy Maximum Cận Minimum Cận Value Giá trị 5/26/16 Sự kiện Mô tả ValueChanged Thay đổi giá trị điều khiển Chương Lập trình giao diện Windows 39/51 Thanh cuộn HScrollBar VScrollBar  5/26/16 Thanh cuộn ngang: HScrollBar cuộn dọc VScrollBar Thuộc tính Mô tả Name Tên cuộn, bắt đầu hsb vsb Minimum Giá trị nhỏ Maximum Giá trị lớn Value Giá trị LargeChange Mức độ thay đổi giá trị cuộn chuột SmallChange Mức độ thay đổi nhấn nút mũi tên cuộn (mặc định 1) Sự kiện Mô tả ValueChanged Thay đổi giá trị điều khiển Scroll Cuộn Chương Lập trình giao diện Windows 40/51 Tooltip – dòng thích  Tooltip  5/26/16 Điều khiển Tooltip hiển thị thông tin thich đưa chuột qua Chương Lập trình giao diện Windows 41/51 Timer – Bộ đếm thời gian  Cho thực thi hành động sau khoảng thời gian Thuộc tính Mô tả Name Tên điều khiển Timer, bắt đầu tiếp đầu ngữ tmr Interval = n chu kiện Tick điều khiển Timer n số nguyên, tính mili giây có giá trị >0 Enabled Sự kiện Mô tả Tick Kích hoạt sau chu kỳ Interval  5/26/16 True/False: cho phép/không cho phép hoạt động Phương thức  Start: kích hoạt (tương tự Enable = True)  Stop: dừng (tương tự Enable = False) Chương Lập trình giao diện Windows 42/51 RichTextBox  Cho phép tạo/hiển thị tập văn Rich Text (*.rtf)   5/26/16 Name: bắt đầu rtb Phương thức:  LoadFile: nạp nội dung  SaveFile: lưu file Chương Lập trình giao diện Windows 43/51 DateTimePicker  5/26/16 Cho phép chọn thời gian dạng lịch Thuộc tính Mô tả Name Tên điều khiển DateTimePicker, bắt đầu dtp Format Định dạng kiểu hiển thị thời gian, Ngày tháng thường chọn giá trị Short Values Gá trị thời Chương Lập trình giao diện Windows 44/51 Windows Media Player  Cho phép nghe nhạc/xem film (tương tự Windows Media Player Windows)  Đưa công cụ vào ToolBox: Nháy phải lên ToolBox, chọn Choose Items… , mục COM Components chọn Windows Media Player  Bổ sung dòng using WMPLib; //Để làm việc với hàm Windows Media Player 5/26/16 Chương Lập trình giao diện Windows 45/51 Bài tập nhà  Bài  Giao diện:  Yêu cầu:  Tạo dòng ToolTip “Nhập số nguyên” cho hộp văn ‘Nhập a’ ‘Nhập b’  Chỉ cho phép người dùng nhập số vào hai hộp văn  Nút Tổng: kiểm tra người dùng phải nhập liệu cho hai số a b, tính tổng số từ a đến b a < b, tính tổng số từ b đến a b < a, hiển thị kết vào nhãn phía 5/26/16  Nút Làm lại: xóa liệu cũ điều khiển, sau đặt trỏ vào hộp văn Nhập a  Nút Thoát: thoát khỏi chương trình Chương Lập trình giao diện Windows 46/51 Bài tập nhà  Bài  Giao diện  Yêu cầu:  Nhập số nguyên dương n, tạo n số nguyên ngẫu nhiên có giá trị từ tới 100 (sử dụng lớp ngẫu nhiên Random phương thức Next(n,m) để sinh số ngẫu nhiên khoảng n đếm m) 5/26/16 Chương Lập trình giao diện Windows 47/51 Bài tập nhà  Yêu cầu  Chỉ cho phép người dùng nhập số vào hộp văn Nhập n  Nút Nhập: kiểm tra người dùng phải nhập giá trị cho n, sau tạo n số ngẫu nhiên hiển thị số ngẫu nhiên nhãn Dẫy số 5/26/16  Nút Tính tổng: tính tổng n số ngẫu nhiên hiển thị kết nhãn Tổng dẫy số  Nút Sắp xếp: xếp n số ngẫu nhiên theo thứ tự tăng dần hiển thị kết nhãn Sắp xếp  Nút Làm lại: xóa liệu cũ điều khiển, sau đặt trỏ vào hộp văn Nhập n  Nút Thoát: thoát khỏi chương trình Chương Lập trình giao diện Windows 48/51 Bài tập nhà  Bài  Giao diện  Yêu cầu;  Chỉ phép nhập giá trị số cho Đơn giá Số lượng, không cho phép nhập liệu vào ô Tổng tiền  Nếu Giảm giá chọn hiển thị điều khiển giảm giá 5% 10%, ngược lại không hiển thị điều khiển 5/26/16 Chương Lập trình giao diện Windows 49/51 Bài tập nhà  Bài  Giao diện (Máy tính bỏ túi)  5/26/16 Yêu cầu  Người dùng nhấn nút từ đến để nhập số  Nhấn nút + - * / để lựa chọn phép toán (khi nhấn xong nút xoá trắng hộp văn bản)  Nút C để xoá trắng hộp văn  Nút = để tính toán Chương Lập trình giao diện Windows 50/51 Bài tập nhà  5/26/16 Bài Giải phương trình bậc  Giao diện  Yêu cầu:  Dùng điều khiển NumericUpDown để chọn giá trị cho a, b, c (trong [-100, 100])  Nút Giải PTBH để thực giải Chương Lập trình giao diện Windows 51/51 [...]... Khi người dùng nhấn nút close x (trước sự kiện FormClosed) Chương 4 Lập trình giao diện trong Windows 14 / 51 Form  5/26 /16 Các phương thức Phương thức Mô tả Close Đóng form Hide Ẩn form Show Hiển thị form chế độ thông thường (modeless) ShowDialog Hiển thị form như hộp thoại (model) Chương 4 Lập trình giao diện trong Windows 15 / 51 Textbox  5/26 /16 Thuộc tính Thuộc tính Mô tả Name Tên, bắt đầu bằng txt... Select Chọn Chương 4 Lập trình giao diện trong Windows 19 / 51 Textbox 5/26 /16 Chương 4 Lập trình giao diện trong Windows 20/ 51 Textbox – Ví dụ  Hiển thị mã ASCII của kí tự bất kì nhập vào Textbox1 private void textBox1_KeyDown(object sender, KeyEventArgs e) { int a; a = Convert.ToInt32(e.KeyCode); MessageBox.Show(a.ToString()); }  Chỉ cho phép nhập số 0-9, dấu -, chấm , phím del (mã ASCII 13 ) và backspace... textBox1_KeyPress(object sender, KeyPressEventArgs e) { if (((e.KeyChar >= '0') && (e.KeyChar