Chương 5 .Giao diện người dùng đồ họa (Graphical User Interface)

Chia sẻ: | Ngày: | Loại File: PPT | Số trang:147

Thêm vào BST

Báo xấu

161
lượt xem 10
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Giao diện người dùng đồ hoạ (Graphical user interface) Cho phép tương tác với chương trình một cách trực quan Cho chương trình một cái nhìn rõ ràng và sự thoải mái Xây dựng theo sự cải tiến của window Là một đối tượng, có thể tiếp cận qua chuột hoặc bàn phím

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Chương 5 .Giao diện người dùng đồ họa (Graphical User Interface)

Chương 5 .Giao diện người dùng đồ họa (Graphical User Interface) 5.1 Giới thiệu Outline 5.2 Windows Forms 5.3 Mô hình kiểm soát sự kiện (Event-Handling Model) 5.3.1. Mô hình kiểm soát sự kiện chung 5.3.2. Kiểm soát sự kiện chuột 5.3.3. Kiểm soát sự kiện bàn phím 5.4 Control Properties và Layout 5.5 Labels, TextBoxes và Buttons 5.6 GroupBoxes và Panels 5.7 CheckBoxes và RadioButtons 5.8 PictureBoxes 5.9 Menus 5.10 LinkLabels 5.11 ListBoxes và CheckedListBoxes 5.11.1 ListBoxes 5.11.2 CheckedListBoxes 5.12 ComboBoxes 5.13 TreeViews 5.14 ListViews 5.15 Tab Control 5.16 Multiple Document Interface (MDI) Windows 5.17 Thừa kế trực quan (Visual Inheritance) 5.18 Điều khiển do người sử dụng định nghĩa.
5.1 Giới thiệu  Giao diện người dùng đồ hoạ (Graphical user interface)  Cho phép tương tác với chương trình một cách trực quan  Cho chương trình một cái nhìn rõ ràng và sự thoải mái  Xây dựng theo sự cải tiến của window  Là một đối tượng, có thể tiếp cận qua chuột hoặc bàn phím
Ví dụ về một giao diện người dùng: Nhãn Thanh Các nút cuốn Textbox
Loại Mô tả Nhãn label Là một vùng trong đó một icon hoặc một văn bản tĩnh (uneditalbe text)được hiển thị Hộp nhập Là một vùng mà trong đó người sử dụng nhập dữ liệu từ bàn phím. Vùng này cũng có thể dùng để (Text box) hiển thị thông tin. Nút điều khiển Là một vùng mà khi click vào thì một sự kiện sẽ được thực thi (trigger) (button) Hộp kỉêm Là một giao diện người dùng mà chỉ có hai trạng thái chọn hoặc không chọn. (checkbox) hộp combo Là một danh sách kéo thả các mục mà từ đó người sử dụng có thể dùng để lựa chọn bằng cách click (combobox) vào một mục từ list đó hoặc bằng cách đánh vào hộp (nếu được). Listbox Là một vùng mà trong đó là một danh sách các mục được hiển thị mà từ đó người sử dụng có thể lựa (hộp danh sách). chọn bằng cách click vào một dòng bất kỳ. Đa lựa chọn cũng có thể được tiến hành. Panel Là một vùng mà có thể chứa trong đó các thành phần. Thanh cuộn Cho phép người sử dụng có thể tiếp cận vào một dãy các giá trị mà độ dài của nó không thể phù (scrollBar) hợp với kích thước của vùng chứa.
5.2 Windows Forms  WinForms  Tạo giao diện người dùng đồ hoạ cho chương trình  Các phần tử trên màn hình nền  Đặc trưng bởi:  Dialog ( Lớp )  Window (Cửa sổ)  MDI window (Cửa sổ giao diện đa văn bản)  Các thành phần  Lớp: là phần thực thi giao diện Icomponent  Thiếu các thành phần trực quan
5.2 Windows Forms  Điều khiển  Các thành phần cùng với phần giao diện  Như nút hoặc nhãn  Có thể quan sát được  Sự kiện  Được phát sinh bởi sự chuyển động của chuột và bàn phím.  Điều khiển các sự kiện để thực thi các hành động.  được xác định, viết bởi lập trình viên
Các thành phần và điều khiển của window forms
Form thuộc tính Mô tả/ Điển hình và Đối số sự kiện Và sự kiện AccepButton Nút mà bị click khi mà phím Enter được ấn AutoScroll Thanh cuộn sẽ tự động xuất hiện khi cần (nếu mà dữ liệu nhiều hơn kích thước). CancelButton Nút được kích hoạt khi mà phím Escape được ấn FormBorderStyle làm viền cho các nút ( vd : none, single, 3D, sizable) Font Font của text hiển thị trên form, cũng như mặc định của điều kiển được thêm vào form). Text Văn bản hỉên thị trên thanh tiêu đề (title bar) của form Common Methods Close Đóng form và giải phóng toàn bộ tài nguyên. Một form close không thể được mở lại. Hide Giấu một form (không giải phóng tài nguyên của nó). Show Hiển thị một form đã bị giấu. Common Evént Load Thi hành trước khi một form được xuất hiện. Sự kiện này là mặc định khi mà form được double_clicked trên visual studio. Net designer.
5.3 Mô hình kiểm soát sự kiện (Event-Handling Model)  GUIs là sự kiện được kiểm soát  Kiểm soát sự kiện  Các phương thức xử lý sự kiện và thực hiện nhiệm vụ.  Đại diện liên hợp  Các đối tượng mà được tham chiếu bởi phương thức  Chứa danh sách của method (cách thức) tham chiếu tới  Phải có cùng một “dấu hiệu, chữ ký”  Là trung gian của đối tượng và phương thức  “chữ ký” cho sự kiện điều khiển
Gọi Kiểm soát 1 cho sự kiện E Gọi Đối tượng A sinh ra Đại diện cho sự Kiểm soát 2 cho sự sự kiện E kiện E kiện E Kiểm soát 3 cho sự kiện E Hình 5.3 Mô hình kiểm soát sự kiện dùng hàm đại diện
5.3.1. Mô hình kiểm soát sự kiện chung  Điều khiển sự kiện  Phải có cùng signature để phù hợp với đại diện  Hai đối tượng quy chiếu phải hợp quy cách  ControlName_EventName  Phải đăng ký với đối tượng đại diện  Thêm một điều khiển sự kiện vào một danh sách của đại diện  Một đối tượng đại diện mới cho mỗi điều khiển sự kiện  Sự kiện đa khung (multicasting)  Có nhiều điều khiển cho một sự kiện  Thứ tự gọi cho điều khiến sự kiện là không xác định
biểu tượng sự kiện Danh sách các sự kiện cung cấp bởi điều kiển lựa chọn sự kiện. Mô tả sự kiện. Phần sự kiện của cửa sổ property.
1 // Fig. 12.7: SimpleEventExample.cs 2 // Using Visual Studio .NET to create event handlers. 3 4 using System; 5 using System.Drawing; 6 using System.Collections; 7 using System.ComponentModel; 8 using System.Windows.Forms; 9 using System.Data; 10 11 // program that shows a simple event handler 12 public class MyForm : System.Windows.Forms.Form 13 { 14 private System.ComponentModel.Container components = null; 15 16 T// Visualểm soát sự ạo ki Studio .NET generated code 17 kiện Lớp EventArgs là lớp cơ 18 [STAThread] 19 static void Main() sở cho các đối tượng với thông tin sự kiện 20 { 21 Application.Run( new MyForm() ); 22 } 23 24 // Visual Studio .NET creates an empty handler, 25 // we write definition: show message box when form clicked 26 private void MyForm_Click( object sender, System.EventArgs e ) 27 { 28 MessageBox.Show( "Form was pressed" ); 29 } Quy chiếu tới đối 30 Quy chikýuctủa đốều khiển Chữ ế ới đi i tượng tượng có đối số 31 } // end class MyForm gâyự kisự kiện (sender) s ra ện sự kiện là e
sau khi ấn nút ok Các điều khiến sự kiện cơ bản.
Danh sách các sự kiện. Tên lớp Hình 5.3 Danh sách các sự kiện Form.
Chi tiết của sự kiện click đối tượng đại diện. Tên sự kiện lớp đối sự kiện
5.3.2. Kiểm soát sự kiện chuột  Lớp MouseEventArgs  Chứa hệ trục toạ độ của con trỏ chuột  chuột được ấn  Số lần nhấn chuột  Số lượng notch của bánh xe chuột trả lại  Di chuột  Phương thức sự kiện chuột lấy một đối tượng và nhận đối tượng MouseEventArgs là một đối  Sự kiện click sử dụng đại diện eventHandler và đối số sự kiện EventArgs
Sự kiện,đại diện và đối Mô tả số sự kiện Sự kiện chuột (delegate eventHandler, event arguments EventArgs) Mouse Enter Thi hành khi mà con trỏ chuột được ấn vào vùng c ủa đi ều khi ển. MouseLeave Thi hành khi mà con trỏ chuột rời khỏi vùng c ủa đi ều khi ển. Sự kiện chuột MouseDown Thi hành nếu nút chuột được ấn trong lúc con trỏ chuột ở trên vùng đi ều khi ển . Mouse Hover Thi hành khi con trỏ chuột nằm trên vùng đi ều khi ển . MouseMove Thi hành khi mà con trỏ chuột được di chuyển trong lúc ở trên vùng đi ều khi ển . MouseUp Thi hành khi con trỏ chuột được thả trong khi nó nằm trên vùng đi ều khi ển . Thuộc tính lớp MouseEventArgs Button Nút chuột được nhấn(phải,trái,giữa,không). Clicks số lần mà nút chuột được nhấn X toạ độ X của sự kiện,có liên hệ với các thành phần (component) Y toạ độ Y của sự kiện, có liên hệ với các thành phần (component)
1 // Painter.cs 2 // Using the mouse to draw on a form. 3 4 using System; 5 using System.Drawing; 6 using System.Collections; 7 using System.ComponentModel; 8 using System.Windows.Forms; 9 using System.Data; 10 11 /// creates a form as a drawing surface Tạo một biến shouldPaint để 12 public class Painter : System.Windows.Forms.Form 13 { xác định xem có thể vẽ được 14 bool shouldPaint = false; // whether to paint hay không trên form. 15 16 /// The main entry point for the application. 17 [STAThread] 18 static void Main() 19 { 20 Application.Run( new Painter() ); 21 } 22 23 // should paint after mouse button has been pressed 24 private void Painter_MouseDown( Kiểm soát sự kiện 25 object sender, System.Windows.Forms.MouseEventArgs e ) MouseDown 26 { 27 shouldPaint = true; Con trỏ chuột được đặt là shouldPaint 28 } true khi sự kiện xảy ra sẽ vẽ 29 30 // stop painting when mouse button released 31 private void Painter_MouseUp( Kiểm soát sự kiện 32 object sender, System.Windows.Forms.MouseEventArgs e ) 33 { shouldPaint là false,trỏ MouseUp 34 shouldPaint = false; chuột sẽ không vẽ 35 }
36 37 // draw circle whenever mouse button 38 // moves (and mouse is down) 39 protected void Painter_MouseMove( 40 object sender, System.Windows.Forms.MouseEventArgs e ) 41 { Chương trình o đốiẽượng đồ Tạ chỉ v t nếu 42 if ( shouldPaint ) 43 { hoạ true shouldPaint là trên form 44 Graphics graphics = CreateGraphics(); Phương thức FillEllipse vẽ một vòng 45 graphics.FillEllipse( Cung cấp phươngở mỗi điểm mà con trỏ chuột đi tròn o đối tượng mới SolidBrush 46 Tạ new SolidBrush( Color.BlueViolet ẽ các hình ), thức để v 47 e.X, e.Y, 4, 4 ); bằ và cách truyền là true qua ng shouldPaintkhởi tạo giá 48 } dạng khác nhau trị cùng Toạ độ của x và đColor chiều cao và rộng SolidBrush màu yịnh màu 49 c a ứ ể các xác Cấu trúc Colorủchđia m được cho vào danh sách tham 50 } // end Painter_MouseMove ần vẽ c 51 có sẵn số 52 } // end class Painter Painter.cs output