Giáo trình mô đun Lập trình ứng dụng WPF (Nghề Công nghệ thông tin Trình độ trung cấp)

BM/QT10/P.ĐTSV/04/04 Ban hành lần: UBND TỈNH BÀ RỊA – VŨNG TÀU TRƯỜNG CAO ĐẲNG KỸ THUẬT CÔNG NGHỆ GIÁO TRÌNH MƠ ĐUN: LẬP TRÌNH ỨNG DỤNG WPF NGHỀ: CƠNG NGHỆ THƠNG TIN TRÌNH ĐỘ: TRUNG CẤP (Ban hành kèm theo Quyết định số: /QĐ-CĐKTCN ngày…….tháng….năm Hiệu trưởng Trường Cao đẳng Kỹ thuật Công nghệ BR – VT) BÀ RỊA-VŨNG TÀU TUYÊN BỐ BẢN QUYỀN Nhằm đáp ứng nhu cầu học tập nghiên cứu cho giảng viên sinh viên nghề Công nghệ Thông tin trường Cao đẳng Kỹ thuật Công nghệ Bà Rịa – Vũng Tàu, thực biên soạn tài liệu Lập trình ứng dụng WPF Tài liệu biên soạn thuộc loại giáo trình phục vụ giảng dạy học tập, lưu hành nội Nhà trường nên nguồn thơng tin phép dùng nguyên trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm LỜI GIỚI THIỆU Giáo trình Lập trình ứng dụng WPF biên soạn dựa khung chương trình đào tạo Cao đẳng nghề Công nghệ Thông tin Trường Cao đẳng Kỹ thuật Công nghê Bà Rịa – Vũng Tàu phê duyệt Bên cạnh nhằm giúp cho người học kiến thức kỹ cần thiết để thiết kế lập trình ứng dụng nhỏ sống ngày Tác giả nghiên cứu số tài liệu, trang web liên quan kết hợp với kinh nghiệm làm việc, giảng dạy thực tế để biên soạn giáo trình Trong giáo trình bao gồm sau: Bài 1: Tổng quan WPF Bài 2: Bố trí giao diện Bài 3: Sử dụng điều khiển Bài 4: Tạo hộp chọn font chữ Bài 5: Tạo hộp chọn hình ảnh Bài 6: Sử dụng Expander Bài 7: Tạo hộp soạn thảo văn Bài 8: Tạo menu Bài 9: Tạo ToolBar Bài 10: Tạo ContextMenu Bài 11: Tạo StatusBar Bài 12: Sử dụng Style Bài 13: Sử dụng Template Bài 14: Truy xuất sở liệu Với tiêu chí trình bày động, dễ hiểu áp dụng thực tế, kèm theo chi tiết bước hướng dẫn thực hành cụ thể giúp cho người học dễ tiếp thu kiến thức cần thiết hình thành kỹ thực hành rèn luyện thao tác Trong trình biên soạn, chắn giáo trình cịn nhiều thiếu sót Tác giả mong nhận ý kiến đóng góp q thầy/cơ em sinh viên để tiếp tục hoàn thiện Xin chân thành cảm ơn quý đồng nghiệp, bạn bè có ý kiến đóng góp q trình xây dựng giáo trình Bà Rịa – Vũng Tàu, ngày …… tháng …… năm Tham gia biên soạn Trần Thị Thanh Hương – Chủ biên MỤC LỤC LỜI GIỚI THIỆU BÀI 1: GIỚI THIỆU TỔNG QUAN 10 Giới thiệu ứng dụng thực tế 10 Khởi động, chương trình 11 Sử dụng hệ thống trợ giúp .15 Câu hỏi ôn tập tập 15 BÀI 2: CÁC THÀNH PHẦN CƠ BẢN 16 Hệ thống ký hiệu từ khóa 16 Các kiểu liệu 17 Biến, hằng, biểu thức .19 Các phép toán 21 Câu hỏi ôn tập tập 26 BÀI 3: SỬ DỤNG CÂU LỆNH NHẬP XUẤT CƠ BẢN, CẤU TRÚC ĐIỀU KHIỂN IF 28 Các câu lệnh nhập xuất 28 Câu lệnh if else 32 Câu hỏi ôn tập tập 36 BÀI 4: SỬ DỤNG CẤU TRÚC LỰA CHỌN SWITCH CASE, FOR, FOR EACH 37 Câu lệnh switch .37 Câu lệnh for 39 Câu lệnh for …each .48 Câu hỏi ôn tập tập 51 BÀI 5: SỬ DỤNG CẤU TRÚC LỰA VÒNG LẶP WHILE, DO…WHILE 53 Sử dụng cấu trúc vòng lặp While 53 Sử dụng cấu trúc vòng lặp Do …while 56 Câu hỏi ôn tập tập 58 BÀI 6: SỬ DỤNG CÂU LỆNH BREAK, CONTINUE, GOTO 59 Sử dụng câu lệnh break 59 Sử dụng câu lệnh continue 60 Sử dụng câu lệnh goto 61 Câu hỏi ôn tập tập 63 BÀI 7: HÀM 64 Khái niệm 64 Quy tắc xây dựng hàm 64 Nguyên tắc hoạt động hàm .65 Cách truyền tham số 67 Sử dụng hàm 68 Câu hỏi ôn tập tập 71 BÀI 8: THIẾT KẾ LỚP ĐỐI TƯỢNG 72 Định nghĩa lớp đối tượng 72 Khai báo lớp đối tượng 73 Câu hỏi ôn tập tập 76 BÀI : ĐỊNH NGHĨA CÁC THUỘC TÍNH, PHƯƠNG THỨC HÀNH ĐỘNG CHO LỚP ĐỐI TƯỢNG 77 Định nghĩa thuộc tính cho lớp đối tượng 77 Định nghĩa phương thức hành động cho lớp đối tượng 79 Câu hỏi ôn tập tập 82 BÀI 10: SỬ DỤNG FORM, MENUSTRIP 84 Form 84 Menustrip .95 Câu hỏi ôn tập tập 98 BÀI 11: SỬ DỤNG LABEL, TEXTBOX, BUTTON .101 Label 101 TextBox .104 Button 107 Câu hỏi ôn tập tập 109 BÀI 12: SỬ DỤNG CHECKBOX, RADIOBUTTON, GROUPBOX 112 Checkbox .112 RadioButton 114 GroupBox 117 Câu hỏi ôn tập tập 121 BÀI 13: SỬ DỤNG COMBOBOX, LISTBOX 123 ComboBox 123 ListBox 125 Câu hỏi ôn tập tập 128 BÀI 14: SỬ DỤNG DATETIMEPICKER, MONTHCALENDAR .129 DateTimePicker 129 MonthCalendar 130 Câu hỏi ôn tập tập 132 BÀI 15: SỬ DỤNG LISTVIEW, TREEVIEW .133 ListView 133 TreeView .138 Câu hỏi ôn tập tập 142 BÀI 16: SỬ DỤNG PICTUREBOX, TOOLTIP .144 PictureBox 144 ToolTip 145 Câu hỏi ôn tập tập chưa làm 148 BÀI 17: SỬ DỤNG CHECKLISTBOX, NUMERICUPDOWN 149 CheckListBox 149 NumericUpDown 151 Câu hỏi ôn tập tập 153 BÀI 18: SỬ DỤNG PANEL, SPLITCONTAINER, TABCONTROL 155 Panel 155 SplitContainer 156 TabControl 160 Câu hỏi ôn tập tập 165 BÀI 19: TẠO KẾT NỐI, ĐÓNG KẾT NỐI CƠ SỞ DỮ LIỆU 167 Các kiểu liệu kết nối .167 Tạo kết nối liệu .170 Đóng kết nối sở liệu 175 Câu hỏi ôn tập tập 176 BÀI 20: TRUY XUẤT CƠ SỞ DỮ LIỆU BẰNG DATASET 177 Định nghĩa Dataset 177 Thao tác truy xuất liệu với Dataset 178 Câu hỏi ôn tập tập 180 BÀI 21: HIỂN THỊ CƠ SỞ DỮ LIỆU BẰNG DATAGRIDVIEW 182 Ý nghĩa DataGridView 182 Các thiết lập thuộc tính 184 Truy xuất hiển thị liệu control DataGridView 185 Câu hỏi ôn tập tập 188 BÀI 22: TRUY XUẤT CƠ SỞ DỮ LIỆU BẰNG BINDINGSOURCE 190 Ý nghĩa BindingSource .190 Cách thiết lập thành phần 191 Truy xuất hiển thị liệu BindingSource .191 Câu hỏi ôn tập tập 192 BÀI 23: HIỂN THỊ CƠ SỞ DỮ LIỆU BẰNG BINDINGNAVIGATOR .193 Ý nghĩa BindingNavigator 193 Cách thiết lập thành phần 194 Truy xuất hiển thị liệu BindingNavigator 195 Câu hỏi ôn tập tập 196 BÀI 24: THAO TÁC VỚI CƠ SỞ DỮ LIỆU 197 Các kiểu liệu, cập nhật sở liệu 197 Truy xuất cập nhật liệu 199 Câu hỏi ôn tập tập 201 Ví dụ: Thiết kế giao diện form sau: Hình 15.4 Form Thêm lớp học vào ListView Yêu cầu: Khi người dùng nhập xong tên lớp số lượng sinh viên, sau nhấn nút “Thêm” ListView chèn dòng vào cuối với tên lớp số lượng vừa nhập Thực chương trình Sự kiện Click nút btnThem Sự kiện Load Form1 152 TreeView TreeView điều khiển dùng để hiển thị danh sách đối tượng dạng phân cấp hình 15.5 Hình 15.5 Cấu trúc TreeView Đối tượng TreeView thường gọi node cấu trúc phân cấp TreeView biểu diễn lớp TreeNode Mỗi node TreeView chứa node khác Node chứa node khác gọi node cha (RootNode) node chứa gọi node (ChildNode) Việc sử dụng điều khiển TreeView để hiển thị hữu ich, trình bày theo dạng phân cấp giúp việc hiển thị rõ ràng có hệ thống Điều khiển TreeView đặt nhóm Common Controls cửa sổ Toolbox Hình 15.6 Hiển thị điều khiển TreeView 153 Bảng 15.3 Bảng mơ tả thuộc tính TreeView Thuộc tính Mô tả Node Trả đối tượng thuộc lớp TreeNode SelectedNode ShowPlusMinus Trả node chọn TreeView Hiển thị dấu + – trước mổi TreeNode Hiển thị đường thằng nối Root Node ShowRootLines TreeView Hiển thị hình trước node TreeView Lưu ý: Phải sử dụng thêm điều khiển ImageList, ImageList gán tên đối tượng điều khiển ImageList cho thuộc tính ImageList TreeView Giá trị thuộc tính ImageIndex số hình điều khiển ImageList Khi gán số cho thuộc ImageIndex tính ImageIndex hình hiển thị trước node hình có số tương ứng Lưu ý: Phải sử dụng thuộc tính ImageList trước Giá trị thuộc tính SelectImageIndex số hình điều khiển ImageList Khi người dùng chọn SelectedImageInde node node có hình tương ứng thuộc x tính SelectedImageIndex định Bảng 15.4 Bảng mô tả kiện TreeView Sự kiện AfterCollapse AfterExpand AfterSelect NodeMouseClic k Mô tả Phát sinh thu gọn TreeNode Phát sinh hiển thị node TreeNode Phát sinh chọn TreeNode Phát sinh chọn node TreeView điều khiểu để hiển thị node, nhiên việc hiển thị thực chất TreeNode tạo Do để làm việc với node cần sử dụng thuộc tính phương thức lớp TreeNode Bảng 15.5 Bảng mơ tả thuộc tính TreeNode Thuộc tính Mơ tả Nodes Trả tập node Đọc/ gán chuỗi ký tự người dùng nhìn thấy Text node FirstNode Trả node 154 LastNode NextNode PrevNode Parent Index Trả node cuối Chuyển đến node Lùi lại node trước Trả node cha node Trả số node Bảng 15.6 Bảng mô tả phương thức TreeNode Phương thức Mô tả Nodes.Add Thêm node Nodes.Remove Xóa node Chèn vào node (chèn trước, chèn sau Nodes.Insert node) Nodes.Clear Xóa tất node node Ví dụ: Viết chương trình minh họa việc thêm sửa xóa node TreeView Giao diện thiết kế sau: Hình 15.7 Form để tạo TreeView Thực chương trình: Bước 1: Tạo Form đặt tiêu đề Form phù hợp Bước 2: Đưa vào form điều khiển Bước 3: Thực lập trình cho Button Sự kiện Click nút btnThemGoc: 155 Sự kiện Click nút btnThemCon: Sự kiện Click nút btnXoaTaCa: Sự kiện Click nút btnXoaChon: Sự kiện Click nút btnMoRong: Sự kiện Click nút btnThuHep: Sự kiện Click nút btnThoat: 156 Câu hỏi ôn tập tập Thiết kế Form có giao diện mẫu sau: Hình 15.8 Form sử dụng ListView Yêu cầu: Dùng ListView hình ảnh phù hợp để thiết kế Form Thiết kế Form có giao diện mẫu sau: Hình 15.9 Form sử dụng ListView có CheckBox u cầu: Dùng ListView có Checkbox hình ảnh phù hợp để thiết kế Form 157 Thiết kế Form có giao diện mẫu sau: Hình 15.10 Form sử dụng ListView kết hợp TreeView Yêu cầu: - Dùng ListView, TreeView hình ảnh phù hợp để thiết kế Form - Phương thức tốn gồm: Trả góp, Khốn gọn Bảo hiểm - Người dùng nhấn chọn xe cần mua ListView, hai điều khiển NumericUpdown Số lượng: Thơng tin mua hàng: kích hoạt cho người dùng nhập số lượng thông tin mua hàng - Khi đặt hàng xong, người dùng nhấn vào button Lưu để lưu lại thông tin mua hàng Thông tin mua hàng hiển thị MessageBox Hình 15.11 Hộp thoại thông báo thông tin mua hàng 158 BÀI 16: SỬ DỤNG PICTUREBOX, TOOLTIP Mã bài: 20.16 Giới thiệu: Việc đưa liệu hình ảnh lên Form Visual Studio hỗ trợ với công cụ PictureBox Điều khiển ToolTip giúp hiển thị mở rộng giải thích, hướng dẫn bên điều khiển khác Mục tiêu: - Hiểu vận dụng PictureBox cho đồ án - Hiểu vận dụng ToolTip cho đồ án - Rèn luyện tính cẩn thận, tự giác, sáng tạo, làm việc nhóm Nội dung chính: PictureBox Cũng Control thường sử dụng trọng C#, PictureBox dùng để hiển thị hình ảnh định dạng Bitmap, GIF, icon, định dạng JPEG Khi lập trình phần mềm cần phải sử dụng tới hình ảnh khơng thể bỏ qua Control Hình 16.1 Hiển thị điều khiển PictureBox Đối với PictureBox Control thiết lập thuộc tính ảnh thiết kế Form chạy chương trình Cũng thay đổi hình ảnh PictureBox sử dụng PictureBox để hiển thị thông tin khác Để tải ảnh lên PictureBox ta thực sau: pictureBox1.Image = Image.FromFile("c:\testImage.jpg"); Thuộc tính SizeMode dùng để thay đổi cách hiển thị ảnh thơng qua đối tượng PictureBoxSizeMode Có thể sử dụng thuộc tính sau: 159 pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage; Có tất kiểu hiển thị ảnh PictureBox: Bảng 16.1 Bảng kiểu hiển thị ảnh PictureBox AutoSize Tự động điều chỉnh kích cỡ ảnh CenterImage Căn ảnh Normal Đặt góc trái phía ảnh vào vị trí góc trái phía StretchImag PictureBox Giãn nở kích thước theo PictureBox e Ví dụ: Cách sử dụng PictureBox Winform ToolTip Điều khiển Tooltip điều khiển cho phép hiển thị thông tin thích người dùng đưa chuột qua điều khiển có thiết lập Tooltip Điều khiển Tooltip đặt nhóm Commont Controls cửa sổ Toolbox Hình 16.2 Hiển thị điều khiển ToolTip 160 Bảng 16.2 Bảng mô tả thuộc tính Tooltip Thuộc tính Mơ tả Mang giá trị True False, thiết lập True Active Tooltip có hiệu lực hiển thị thơng báo, mang giá trị False Tooltip khơng hiển thị thông báo Thiết lập thời gian xuất Tooltip vừa đưa chuột AutomaticDelay đến điều khiển, thời gian tính mili giây Thời gian hiển thị Tooltip kết thúc AutoPopDelay người dùng đưa chuột đến điều khiển, thời gian tính mili giây Quy định kiểu hiển thị Tooltip Nếu thiết lập False IsBalloon kiểu hiển thị Tooltip: Thời gian mà Tooltip tắt từ người dùng đưa chuột ReshowDelay khỏi điều khiển, thời gian tính mili giây ShowAlways Ln hiển thị hìn Biểu tượng xuất bên cạnh chuỗi khai báo ToolTipIcon thuộc tính TooltipTitle ToolTipTitle Chuỗi thị bên cạnh biểu tượng TooltipIcon Thiết lập hiệu ứng ảnh động biểu diễn Tooltip UseAnimation hiển thị Thiết lập hiệu ứng mờ dần biểu diễn Tooltip UseFading hiển thị Bảng 16.3 Bảng mô tả phương thức Tooltip Phương thức Mô tả SetTooltip() Thiết lập chuỗi hiển thị Tooltip điều khiển GetTooltip() Lấy nội dung chuỗi hiển thị Tooltip Clear() Loại bỏ tất TooltipText cho điều khiển form Ví dụ: Viết chương trình tạo giao diện form đăng nhập thực yêu cầu chức sau: 161 Hình 16.3 Form hình đăng nhập có chưa ToolTip Yêu cầu: - Khi rê chuột vào TextBox1: hiển thị dòng ghi “Nhập chuỗi ký không dấu, không khoảng trắng” - Khi rê chuột vào TextBox2: hiển thị dịng ghi “Nhập ký tự, nhiều 10 ký tự” - Khi nhấn nút “Đăng nhập”: hiển thị MessageBox với nội dung “Bạn đăngđăng nhập thành cơng” - Khi nhấn nút “Thốt”: khỏi chương trình Thực chương trình: Bước 1: Tạo Form có thuộc tính Text = “Giao diện Form 1” Bước 2: Đưa vào form điều khiển sau: Label, Textbox, Button Bước 3: Thực lập trình cho Button Sự kiện Click nút btnDangNhap: Sự kiện Load Form1: 162 Câu hỏi ôn tập tập Thiết kế Form có giao diện sau: Hình 16.4 Màn hình hiển thị PictureBox thơng qua openFileDialog Gợi ý chương trình 163 Thiết kế Form có giao diện sau: Hình 16.5 Màn hình hiển thị Tooltip Yêu cầu: Thiết kế form rà chuột vào nút Button1 hiển thị Tooltip mẫu 164 165 TÀI LIỆU THAM KHẢO [1] [2] [3] [4] Trang: https://vietjack.com/csharp Trang: https://www.howkteam.vn/course/khoa-hoc-lap-trinh-c-nang-cao Trang: https://www.w3schools.com/cs/ Nguyễn Hoàng Hà – Nguyễn Văn Trung, Giáo trình C# ứng dụng, Khoa Cơng nghệ thông tin, Đại học Huế [5] Dương Quang Thiện, C# NET Framework – Lập trình Visual C# nào?, Nhà xuất tổng hợp TPHCM [6] Nguyễn Ngọc Bình Phương – Thái Thanh Phong, Các giải pháp lập trình C#, NXB Giao thông vận tải [7] Phạm Phương Hoa – Vũ Trọng Luật – Phạm Quang Hiển, Lập trình với C# xây dựng ứng dụng, NXB Thanh niên 166 ... GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Lập trình ứng dụng WPF Mã mơ đun: MĐ 24 Vị trí, tính chất, ý nghĩa vai trị mơ đun: - Vị trí mơ đun: bố trí sau học xong mơn sở Lập trình Windows - Tính chất mơ đun: ... mơ đun nghề tự chọn trình độ Cao đẳng nghề Công nghệ Thông tin, cung cấp kiến thức kỹ tạo ứng dụng WPF với giao diện chuyên nghiệp - Ý nghĩa vai trò môn học /mô đun: Môn học giúp làm quen với ứng. .. chức sử dụng, cấu trúc ứng dụng WPF gần Là ứng dụng Windows độc lập 11 XBAP, ứng dụng WPF điển hình gồm tập trang XAML phần code tương ứng viết C# Visual Basic, gọi file code-behind Tất ứng dụng