Chuong 9 lap trinh wpf

LẬP TRÌNH WPF Giới thiệu WPF • WPF (Windows Presentation Foundation) hệ thống API hỗ trợ việc xây dựng giao diện đồ hoạ Windows • Được xem hệ WinForms, WPF tăng cường khả lập trình giao diện cách cung cấp API cho phép tận dụng lợi đa phương tiện đại • Là phận NET Framework 3.0 trở sau Giới thiệu WPF • WPF xây dựng nhằm vào ba mục tiêu bản: • Cung cấp tảng thống để xây dựng giao diện người dùng; • Cho phép người lập trình người thiết kế giao diện làm việc cách dễ dàng; • Cung cấp công nghệ chung để xây dựng giao diện người dùng Windows trình duyệt Web Giới thiệu WPF Windows PDF Forms Giao diện đồ Windows Windows Forms/ GDI+ Media Player Direct3D WPF x x x x họa (form, controls) On-screen văn Fixed-format x x văn Hình ảnh x Video, âm x x x 2D 3D x x x x Các thành phần WPF • WPF tổ chức chức theo nhóm namespace trực thuộc namespace System.Windows • Một ứ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 • Tất ứng dụng kế thừa từ lớp chuẩn Application WPF Lớp cung cấp dịch vụ chung cho ứng dụng, chẳng hạn biến lưu trữ trạng thái ứng dụng, phương thức chuẩn để kích hoạt hay kết thúc ứng dụng Các thành phần WPF • Mặc dù WPF cung cấp tảng thống để tạo giao diện người dùng, cơng nghệ mà WPF chứa đựng phân chia thành thành phần độc lập • WPF mở rộng với tập tính phát triển ứng dụng bao gồm XAML, control, chế móc nối liệu, layout, đồ họa chiều, ba chiều, hoạt họa, style, khuôn dạng mẫu, văn bản, media, text in ấn WPF nằm NET Framework, nên ra, ứng dụng WPF kếthợp thành phần khác có thư viện lớp NET Framework Các thành phần WPF Giới thiệu XAML • XAML – Extensible Application Markup Language ngôn ngữ đánh dấu với cú pháp tương tự XML dùng để thể đối tượng NET • Vai trị XAML dùng để xây dựng giao diện người dùng WPF Nói cách khác, XAML documents định nghĩa cách xếp, thể control, buttons cửa sổ chương trình WPF Giới thiệu XAML Ưu điểm XAML: • XAML có mã ngắn, rõ ràng dễ đọc • Tách mã thiết kế logic • Việc tách XAML giao diện người dùng logic cho phép tách tách biệt rõ ràng vai trò nhà thiết kế nhà phát triển Cú pháp XAML • Mọi thành phần (elements) XAML document thể lớp NET Tên elements hoàn toàn giống với tên class Ví dụ thẻ WPF tạo đối tượng thuộc lớp Button • Cũng tài liệu theo chuẩn XML khác, gom (nest) thẻ đặt bên thẻ khác • Có thể thiết lập property class thơng qua attribute (thuộc tính) Linear Gradient Color Linear Gradient Color Radial Gradient Color Kỹ thuật tơ đổ màu theo bán kính hình trịn tương tự kỹ thuật đổ màu tuyến tính, điểm xuất phát tâm đường tròn màu lan dần ngồi biên đường trịn, sử dụng đối tượng tên RadialGradientBrush Các điểm chốt sử dụng đối tượng GradientStop tương tự kỹ thuật đổ màu tuyến tính Radial Gradient Color • Các thơng số Center - Tọa độ tâm đường trịn • RadiusX - Bán kính ngang, RadiusY - Bán kính dọc • Thông số GradientOrigin tọa độ điểm xuất phát Các điểm chốt chạy từ điểm GradientOrigin này, dọc theo đường kính hình trịn Radial Gradient Color Radial Gradient Color Tơ ảnh WPF cịn hỗ trợ tơ vùng hình ảnh có sẵn (ảnh Bitmap, JPG, ) cách dễ dàng nhờ đối tượng ImageBrush Chỉ cần đưa tệp ảnh vào tài nguyên Project gắn đường dẫn anh cho thuộc tính ImageSource đối tượng ImageBrush, sau dùng chổi tơ ImageBush để tơ đối tượng hình học (Shape), điều khiển (Control), Panel hay Text,… Tơ ảnh • Thuộc tính ImageSource ImageBrush để định đường dẫn đến tệp hình ảnh • Thuộc tính Stretch để định co dãn hình tơ vùng, giá trị mặc định Stretch Fill Thuộc tính có giá trị:  None: Chổi tô không tự động co dãn hình  Uniform: Chổi tơ co dãn hình trùng khít với chiều vùng tơ giữ nguyên tỷ lệ ảnh gốc  UniformToFill: Chổi tô co dãn hình phủ kín vùng tơ giữ ngun tỷ lệ ảnh gốc  Fill: Chổi tô co dãn hình phủ kín vùng tơ, khơng giữ tỷ lệ ảnh Nếu tỷ lệ hai chiều vùng tô khác với tỷ lệ hai chiều ảnh thỉ ảnh tô bị méo Tô ảnh Tô ảnh Transform WPF cung cấp số lớp để hỗ trợ cho công việc biến đổi hình học • TranslateTransform: thay đổi tọa độ đối tượng thông qua hai property X Y • RotateTransform: xoay đối tượng theo góc Angle với tâm xác định CenterX CenterY • ScaleTransform: co giãn kích thước đối tượng theo tỉ lệ với ScaleX, ScaleY tâm CenterX, CenterY • SkewTransform: làm xiên đối tượng với góc AngleX, AngleY tâm CenterX, CenterY Transform Transform Transform Transform ...Giới thiệu WPF • WPF (Windows Presentation Foundation) hệ thống API hỗ trợ việc xây dựng giao diện đồ hoạ Windows • Được xem hệ WinForms, WPF tăng cường khả lập trình giao... ảnh x Video, âm x x x 2D 3D x x x x Các thành phần WPF • WPF tổ chức chức theo nhóm namespace trực thuộc namespace System.Windows • Một ứng dụng WPF điển hình gồm tập trang XAML phần code tương... Application WPF Lớp cung cấp dịch vụ chung cho ứng dụng, chẳng hạn biến lưu trữ trạng thái ứng dụng, phương thức chuẩn để kích hoạt hay kết thúc ứng dụng Các thành phần WPF • Mặc dù WPF cung cấp