Bài giảng Kỹ thuật lập trình: Chương 3 - ThS Trần Duy Thanh

Bài giảng Kỹ thuật lập trình: Chương 3 do ThS Trần Duy Thanh biên soạn cung cấp cho người học các kiến thức: Khái niệm Windows Form, các ứng dụng của Windows Form, môi trường thiết kế, các control phổ biến,...

Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Chương Windows Form Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Nội dung  Khái niệm ứng dụng Windows Form?  Môi trường thiết kế xử lý kiện Form  Các control phổ biến Form:        Label Textbox Button Checkbox RadioButton Picturebox DatetimePicker        Listbox Combobox RichTextbox Timer ListView TreeView Dialog hệ thống  Cách tạo control gán kiện lúc Runtime Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khái niệm Windows Form Windows Form môi trường giao diện đồ họa giúp việc tương tác người dùng với chương trình diễn cách thuận tiện linh hoạt Khoa Hệ Thống Thông Tin Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Các ứng dụng Windows Form Tạo ứng dụng với giao diện đồ hoạ giao tiếp với người dùng  Hiển thị thông tin  Nhận thông tin nhập từ người dùng  Phản ứng với hoạt động người dùng (nhấn chuột, gõ phím…)  Kết nối qua mạng … Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Các ứng dụng Windows Form Phần mềm văn phòng Microsoft Office Phần mềm quản lý dự án MS Project Phần mềm lập trình Visual Studio … Các loại phần mềm tương tác khác Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Môi trường thiết kế Để tạo ứng dụng Windows Form Visual Studio, vào menu FILE, chọn New Project, chọn Template Windows Forms Application Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Môi trường thiết kế Khoa Hệ Thống Thông Tin Solution Explorer: giúp theo dõi quản lý thành phần solution projects, lớp đối tương, form… Form Design: phần thiết kế form, hình Cũng khơng gian để lập trình kiện (double click vào Form) Toolbox: Chứa control NET framework đươc chia thành nhiều nhom theo chức (kéo thả trực tiếp control vào Form) Properties: Cho phép thay đổi cấu hình thuộc tính control tạo kiện cho control đo Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Môi trường thiết kế  Trong C#, hình tương tác người dùng phần mềm đươc gọi Form(còn gọi cửa sổ chương trình, chứa control khác bên trong): Thiết lập thuộc tính Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Môi trường thiết kế  Các thuộc tính quan trọng Form: Thuộc tinh Name Text BackColor ForeColor Font StartPosition Mô ta Tên form, thường băt đầu băng frm Tiêu đề form Màu form Màu chữ form Định dạng chữ form Định vị trí form xuất (giữa hình hoăc tự khai báo…) WindowState Định trạng thái form xuất (Normal, Minimized, Maximined) AcceptButton Chọn nút bấm đươc thực nhấn Enter CancelButton Chọn nút bấm đươc thực nhấn Escape Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Môi trường thiết kế  Các kiện quan trọng Form: Sự kiện Mô ta Click Thực lệnh nhấn chuột DoubleClick Thực lệnh nhấn chuột lần liên tiếp Load Thực lệnh cửa sổ đươc mơ lên lần FormClosing Thực lệnh trước cửa sổ đươc đong Thiết lập kiện Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin TreeView TreeView control dùng để hiển thị thông tin theo d ạng thư mục, thường đăt tên băt đầu tv Thường ListView đươc kết hơp với TreeView ứng dụng: Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin MessageBox MessageBox cửa sổ co sẵn C#, cho phép người sử dụng tương tác với hệ thống phần mềm thông qua lựa chọn đươc cung cấp bơi MessageBox: Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin MessageBox Một số kiểu hiển thị MessageBox thường găp: MessageBox.Show("Hello Tèo 113"); MessageBox.Show("Hello Tèo 113","Title"); MessageBox.Show("Hello Tèo 113","Title", MessageBoxButtons.YesNoCancel); MessageBox.Show("Hello Tèo 113","Title", MessageBoxButtons.OK, MessageBoxIcon.Question); Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật MessageBox Khoa Hệ Thống Thông Tin Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin FontDialog FontDialog cửa sổ co sẵn C# dùng để cấu hình Font chữ cho Control giao diện Co thể kéo thả trực tiếp từ Toolbox hoăc tạo coding Phương thức ShowDialog dùng để hiển thị cửa sổ Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin ColorDialog ColorDialog cửa sổ co sẵn C# dùng để cấu hình màu chữ, màu cho Control giao diện Co thể kéo thả trực tiếp từ Toolbox hoăc tạo coding Phương thức ShowDialog dùng để hiển thị cửa sổ Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin OpenFileDialog OpenFileDialog cửa sổ co sẵn C# dùng để mơ tập tin từ ổ cứng lên phần mềm Co thể kéo thả trực tiếp từ Toolbox hoăc tạo coding Phương thức ShowDialog dùng để hiển thị cửa sổ Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin SaveFileDialog SaveFileDialog cửa sổ co sẵn C# dùng để lưu tập tin từ phần mềm xuống ổ cứng Co thể kéo thả trực tiếp từ Toolbox hoăc tạo coding Phương thức ShowDialog dùng để hiển thị cửa sổ Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin FolderBrowserDialog FolderBrowserDialog cửa sổ co sẵn C# dùng để truy suất/ quản lý thư mục hệ thống máy tính Co thể kéo thả trực tiếp từ Toolbox hoăc tạo coding Phương thức ShowDialog dùng để hiển thị cửa sổ Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Component Timer Timer component cho phép phần mềm xử lý công vi ệc theo định (hay chu kỳ) đo Ví dụ: Cứ phút tự động gửi email lần, giây thay đổi vị trí tương đối cửa sổ hình desktop lần  Thuộc tính  Interval: khoảng thời gian thực cơng việc (tính băng mili giây = 1/1000 giây)  Sự kiện  Tick – xảy khoảng thời gian băt đầu  Phương thức  Start – Kích hoạt timer  Stop – ngừng timer Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Cách tạo control gán kiện lúc Runtime Trong thực tế viết dự án phần mềm, lúc kéo thả control vào giao diện đươc Mà trình thao tác phần mềm control xuất Ví dụ: Viết phần mềm quản lý bán hàng cho quán Cà Phê (Môi quán co số lương bàn khác nhau, ta không th ể kéo th ả control trực tiếp vào giao diện đươc mà bàn ph ải tự động đươc ve lên giao diện tùy thuộc vào số lương bàn môi quán) Để làm đươc điều ta se dùng container (Panel, FlowLayoutPanel…) để ve control lúc Runtime Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Cách tạo control gán kiện lúc Runtime Demo chương trình txtNumberControl pnButton AutoScroll=true lblMessage btnAddButton Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Cách tạo control gán kiện lúc Runtime p rivate void b tn A d d B u tton _C lick(ob ject sen d er, Even tA rg s e) { pnButton.Controls.Clear(); for (int i= 0; i< Int32.Parse(txtN um berControl.Text); i+ + ) {Button btnRuntim e = new Button(); btnRuntim e.BackColor = Color.Red; btnRuntim e.Location = new System D raw ing.Point (pnButton.W idth/2-btnRuntim e.W idth/2, i* btnRuntim e.H eight); btnRuntim e.Text = "a_" + i; btnRuntim e.Tag = i; btnRuntim e.Click + = btnRuntim e_click; pnButton.Controls.Add(btnRuntim e);} } p rivate void b tn R u n tim e_click(ob ject sen d er, Even tA rg s e) { Button btn = (Button)sender; lblM essage.Text = "Button : "+ btn.Text + " w as clicked"; } Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin Cách xếp control tiện lợi  Hiệu chinh TabIndex cho hơp lý (Tham khảo hình vào Menu View\Tab Order): Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống Thông Tin END ... MessageBox.Show("Hello Tèo 1 13" ); MessageBox.Show("Hello Tèo 1 13" ,"Title"); MessageBox.Show("Hello Tèo 1 13" ,"Title", MessageBoxButtons.YesNoCancel); MessageBox.Show("Hello Tèo 1 13" ,"Title", MessageBoxButtons.OK,... RadioButton Demo chương trình: txtNhapTen radRed Form load chkBold lblLapTrinh btnThoat a Radiobutton Red đươc chọn măc định b Con trỏ xuất ô Nhập tên Khi gõ tên vào ô Nhập tên (gõ ký tự lable lập trình... Trong C#, hình tương tác người dùng phần mềm đươc gọi Form(còn gọi cửa sổ chương trình, chứa control khác bên trong): Thiết lập thuộc tính Đại Học Quốc Gia TP.HCM Đại Học Kinh Tế Luật Khoa Hệ Thống