HỌC PHẦN: LẬP TRÌNH. Giao diện đồ họa (GUI) với WPF - Mục đích, yêu cầu: Bài này giới thiệu tổng quan về ứng dụng GUI và công nghệ Windows Presentation Foundation (WPF), giới thiệu cách tạo lập và sử dụng các Control cơ bản và nâng cao của cửa sổ xây dựng bằng công nghệ WPF. Sau khi học xong bài này sinh viên có thể tạo được một số ứng dụng cụ thể sử dụng WPF. - Hình thức tổ chức dạy học: Lý thuyết, trực tuyến + trực tiếp + tự học - Thời gian: Lý thuyết(online: 03, offline: 03) Tự học, tự nghiên cứu: 05 - Nội dung: 1.
Ứng dụng GUI. Những thành phần của GUI. Làm thế nào người dùng tương tác với GUI?. Một số ví dụ về GUI.
Công nghề WPF. Giao diện người dùng hiện đại và những thách thức. Các thành phần của WPF. Công cụ phát triển WPF.
Ứng dụng đầu tiên với WPF – Hello World. Bố trí giao diện trong ứng dụng WPF. Giới thiệu chung. Các dạng Panel thông dụng.
Các điều khiển cơ bản trong WPF. Tổng quan về tạo lập các điều khiển với WPF. Các điều khiển cơ bản trong WPF. Ví dụ xây dựng các control trong WPF.
Các điều khiển nâng cao trong WPF. Hộp lựa chọn phông chữ (Font Chooser). Hộp danh mục ảnh (Image ListBox). 3 Hộp mở rộng (Expander).
Hộp soạn văn bản đa năng (RichTextBox). 50 Tài liệu tham khảo. 52 Học kết hợp Trang 1 HỌC PHẦN: LẬP TRÌNH .Ứng dụng GUI 1. GUI là gì? GUI, viết tắt của cụm từ Graphical User Interface, tạm dịch là giao diện đồ họa người dùng.
Đây là thuật ngữ ám chỉ cách giao tiếp của người dùng với các thiết bị máy tính thông qua thao tác với chữ viết hay hình ảnh, thay vì sử dụng các câu lệnh phức tạp. Nhờ vậy, các tương tác của người dùng trên các thiết bị điện tử ngày một đơn giản hơn, từ đây cũng thúc đẩy sự phát triển của ngành công nghiệp các thiết bị thông minh như điện thoại, máy tính bảng,. Những thành phần của GUI 1. Thành phần cấu trúc nên GUI - Cửa sổ làm việc (Windows) Đây là nơi chứa hết tất cả thông tin mà người dùng có thể tương tác với thiết bị.
Thông qua cửa sổ làm việc, người dùng có thể tương tác bằng cách nhấn chọn các biểu tượng, ứng dụng hay kéo thả chúng đến bất kỳ vị trí nào. Học kết hợp Trang 2 HỌC PHẦN: LẬP TRÌNH .NET - Menu Menu là thành phần thường thấy của GUI, và ở đây người dùng có thể thực hiện lệnh để tương tác với máy tính thông qua danh sách các lựa chọn mà phần mềm cung cấp cho bạn. - Biểu tượng (Icon) Thông thường, các biểu tượng sẽ được hiển thị dưới dạng hình ảnh, giúp cho người dùng có thể tương tác nhanh với máy tính như mở tài liệu, khởi chạy ứng dụng nào đấy. Trong một số trường hợp, người dùng sẽ có thể tìm kiếm tệp thông qua biểu tượng của ứng dụng, từ đó sẽ tiết kiệm thời gian.
- Widget Học kết hợp Trang 3 HỌC PHẦN: LẬP TRÌNH .NET Widget là một thành phần thuộc các ứng dụng, mà ở đây bạn có thể thực hiện một lệnh tương tác cụ thể với ứng dụng đấy. Thành phần tương tác trên GUI - Con trỏ Đây là thành phần giúp bạn định hướng được vị trí bạn sẽ tương tác, chẳng hạn như vị trí mà con trỏ chuột bạn click hay vị trí mà bạn sẽ nhập liệu các ký tự. - Thao tác chọn Bạn có thể thực hiện thao tác chọn với các thành phần có trên cửa sổ làm việc. Tương tác chọn có thể được thực hiện bởi cả chuột, bàn phím, bút cảm ứng,.
- Thao tác kéo thả Thông thường, đây là thao tác được sử dụng để tương tác với các tệp hay hình ảnh trong cửa sổ làm việc. Học kết hợp Trang 4 HỌC PHẦN: LẬP TRÌNH. Làm thế nào người dùng tương tác với GUI? Thông thường, người dùng sẽ sử dụng các thiết bị như chuột để điều khiển các thao tác trên thiết bị của mình. Và những năm gần đây thì với sự phát triển của smartphone, các thao tác cảm ứng được sử dụng nhiều hơn trong việc tương tác với GUI.
Ngoài ra, một số GUI cũng cho phép người dùng tương tác bằng bàn phím, và mặc dù không rườm rà như cách gõ lệnh, cách này cũng ít người sử dụng bởi vì không tiện lợi bằng thao tác cảm ứng hay dùng chuột. Một số ví dụ về GUI - GNOME Shell GNOME Shell lần đầu được giới thiệu vào năm 2011 với phiên bản thứ 3, và nó được viết dựa trên nền ngôn ngữ C và JavaScript. Giao diện này cũng được áp dụng trên cả máy tính hay điện thoại, và người dùng cũng có thể tương tác thông qua chuột, bàn phím hoặc thao tác cảm ứng. Học kết hợp Trang 5 HỌC PHẦN: LẬP TRÌNH .NET - Các ứng dụng đến từ Microsoft Một số phần mềm đến từ bộ Microsoft Office mà bạn thường thấy như Word, Excel hay Powerpoint cũng được trang bị GUI giúp cho người dùng chúng ta có thể dễ dàng thao tác trong việc nhập liệu dữ liệu, kéo thả hình ảnh,.
- Trình duyệt Internet GUI cũng được áp dụng vào các trình duyệt Internet như Google Chrome hay Microsoft Edge, nhờ vậy mà các thao tác lệnh tìm kiếm trên Internet sẽ trở nên nhanh chóng hơn. Học kết hợp Trang 6 HỌC PHẦN: LẬP TRÌNH. Công nghề WPF 2. Giao diện người dùng hiện đại và những thách thức Trong các ứng dụng hiện đại, giao diện người dùng trực quan chiếm vị trí hết sức quan trọng.
Việc trình diễn đúng thông tin, theo đúng cách và vào đúng thời điểm có thể đem lại những giá trị kinh tế xã hội đáng kể. Với những ứng dụng thương mại, chẳng hạn một ứng dụng bán hàng trực tuyến, việc cung cấp một giao diện người dùng mạnh có thể tạo nên sự khác biệt giữa một công ty với các đối thủ cạnh tranh, góp phần làm tăng tăng doanh số và giá trị thương hiệu của hãng này so với hãng khác. Để có được một giao diện người dùng như vậy, việc tích hợp đồ họa, media, văn bản và các thành phần trực quan khác như một thể thống nhất đóng đóng vai trò mấu chốt. Hãy xem xét một ứng dụng cụ thể trong quản lý và theo dõi bệnh nhân của một bệnh viện nào đó.
Với sự phát triển của công nghệ đa phương tiện hiện nay, yêu cầu về giao diện người dùng cho hệ thống mới này sẽ bao gồm: - Hiển thị hình ảnh và text về bệnh nhân. - Hiển thị và cập nhật hình ảnh 2 chiều cho biết trạng thái của bệnh nhân như nhịp tim, huyết áp. - Cung cấp hình ảnh chồng lớp 3 chiều về thông tin của người bệnh. - Trình diễn những đoạn video siêu âm và những chẩn đoán khác, trong đó, cho phép bác sỹ hay y tá thêm vào các ghi chú.
- Cho phép nhân viên bệnh viện đọc và ghi chú trên những tài liệu mô tả về bệnh nhân và tình trạng của người đó. - Có khả năng hoạt động như một ứng dụng Windows, trong đó, các nhân viên bệnh viện đều được sử dụng đầy đủ các tính năng, đồng thời có thể chạy trên trình duyệt Web có giới hạn về an ninh, cho phép các bác sỹ truy nhập có hạn chế từ xa qua mạng Internet. Với công nghệ từ trước năm 2006, một giao diện như vậy trên Windows đã có thể xây Học kết hợp Trang 7 HỌC PHẦN: LẬP TRÌNH .NET dựng được, tuy nhiên, sẽ gặp không ít khó khăn bởi một số nguyên nhân chính sau: - Có rất nhiều công nghệ khác nhau được sử dụng để làm việc với hình ảnh âm thanh và video.Tì m được những lập trình viên có khả năng sử dụng tốt nhiều công nghệ như vậy không dễ và chi phí cao cho cả quá trình phát triển cũng như bảo trì ứng dụng. - Thiết kế một giao diện biểu diễn có hiệu quả tất cả những tính năng như vậy cũng là một thách thức.
Nó đòi hỏi phải có những người thiết kế giao diện chuyên nghiệp, bởi lập trình viên phần mềm đơn thuần sẽ không có đủ các kỹ năng cần thiết. Điều này lại dẫn tới những khó khăn phát sinh khi người thiết kế và người lập trình làm việc chung. - Việc cung cấp một giao diện đầy đủ tính năng, hoạt động được như một ứng dụng Windows riêng biệt trên máy desktop, đồng thời có thể được truy nhập thông qua trình duyệt có thể đòi hỏi phải xây dựng hai phiên bản độc lập sử dụng hai công nghệ khác nhau. Ứng dụng Windows trên desktop sử dụng Windows Forms và các công nghệ thuần Windows khác, trong khi ứng dụng trên trình duyệt lại sử dụng HTML và JavaScript.
Do đó, cần phải có hai nhóm phát triển với hai phần kỹ năng khác nhau. WPF ra đời chính là để xây dựng một nền tảng chung giải quyết những thách thức đã nêu trên. WPF là gì? WPF, viết tắt của Windows Presentation Foundation, là hệ thống API mới hỗ trợ việc xây dựng giao diện đồ hoạ trên nền Windows. Được xem như thế hệ kế tiếp của WinForms, WPF tăng cường khả năng lập trình giao diện của lập trình viên bằng cách cung cấp các API cho phép tận dụng những lợi thế về đa phương tiện hiện đại.
Là một bộ phận của .0, WPF sẵn có trong Windows Vista và Windows Server 2008. Đồng thời, WPF cũng có thể hoạt động trên nền Windows XP Service Pack 2 hoặc mới hơn, và cả Windows Server 2003. WPF được xây dựng nhằm vào ba mục tiêu cơ bản: 1) Cung cấp một nền tảng thống nhất để xây dựng giao diện người dùng; 2) Cho phép người lập trình và người thiết kế giao diện làm việc cùng nhau một cách dễ dàng; 3) Cung cấp một công nghệ chung để xây dựng giao diện người dùng trên cả Windows và trình duyệt Web. Nền tảng thống nhất để xây dựng giao diện người dùng Trước khi WPF ra đời, việc tạo giao diện người dùng theo những yêu cầu mô tả ở ví dụ trên đòi hỏi sử dụng rất nhiều công nghệ khác nhau (xem Bảng 2.
Để tạo form, các control và các tính năng kinh điển khác của một giao diện đồ họa Windows, thông thường lập trình viên sẽ chọn Windows Forms, một phần của. Nếu cần hiển thị văn bản, Windows Forms có một số tính năng hỗ trợ văn bản trực tiếp hoặc có thể sử dụng Adobe’s PDF để hiển thị văn bản có khuôn dạng cố định. Đối với hình ảnh và đồ họa 2 chiều, lập trình viên sẽ dùng GDI+, một mô hình lập trình riêng Học kết hợp Trang 8 HỌC PHẦN: LẬP TRÌNH .NET biệt có thể truy nhập qua Windows Forms.