Giới thiệu ứng dụng Windows hợp nhất UWP. Đề tài tìm hiểu của môn Lập trình Windows, giới thiệu sơ lược về UWP Universal Window Platform...............................................................................
Giới thiệu ứng dụng Windows hợp (UWP) Khi bạn tạo ứng dụng Universal Windows Platform (UWP, ứng dụng Windows hợp nhất), có nghĩa bạn tạo ứng dụng có khả chạy thiết bị Windows nào, là: - Dòng thiết bị di động: điện thoại di động, máy tính lai (phablet) Dòng thiết bị máy tính cá nhân: máy tính bảng, laptop, máy tính để bàn Dòng thiết bị gia đình: Surface hub Dòng thiết bị IoT: thiết bị nhỏ gọn thiết bị đeo vật dụng nhà Bạn giới hạn ứng ụng bạn dành cho dòng thiết bị (dòng thiết bị di động chẳng hạn), bạn cho phép ứng dụng bạn hoạt động tất thiết bị Chỉ việc thiết kế ứng dụng cho trông ‘ổn ổn’ tất thiết bị di động thách thức lớn Vì làm để thiết kế ứng dụng cung cấp trải nghiệm người dùng số thiết bị có nhiều kích thước khác cách nhận liệu khác nhau? Việc thiết kế cho nhiều dòng thiết bị thực đòi hỏi việc cân nhắc, lên kế hoạch thiết kế bổ sung, tảng Windows hợp (UWP) cung cấp tập tính xây dựng sẵn khối hợp giúp cho việc tạo trải nghiệm người dùng cho nhiều thiết bị trở nên dễ dàng Huy Tran | huytnd@hotmail.com |http://tndhuy.wordpress.com Những tính xây dựng sẵn cho nhà thiết kế Hãy lướt qua số tính Bạn làm điều từ tính này, chúng hoàn toàn tự động Pixel hiệu tảng tùy biến Khi ứng dụng bạn chạy thiết bị Windows, hệ thống sử dụng thuật toán để trung hòa cách control, phông chữ thành phần giao diện hiển thị hình Thuật toán tùy biến dựa vào khoảng cách nhìn tỉ lệ hình (pixel/inch) để tối ưu hóa kích cỡ cảm nhận (perceived size) kích cỡ vật lý (physical size) Thuật toán tùy biến đảm bảo phông chữ kích thước 24px Surface Hub cách xa 10ft hiển thị rõ ràng phông chữ kích thước 24px điện thoại 5’’ cách xa người dùng vài inch Huy Tran | huytnd@hotmail.com |http://tndhuy.wordpress.com Chính cách mà hệ thống tùy biến xử lý, bạn thiết kế ứng dụng UWP, nghĩa bạn thiết kế với ‘pixel hiệu quả’ (effective pixel), pixel vật lý (physical pixel) Để tìm hiểu thêm cách thiết kế sử dụng pixel hiệu quả, bạn xem qua “Thiết kế tương thích (responsive design) cho ứng dụng Windows hợp nhất” Đầu vào hợp tương tác thông minh Mặc dù bạn thiết kế cho thiết bị đầu vào cụ thể (bút cảm ứng chẳng hạn), bạn làm ứng dụng UWP sử dụng hệ thống đầu vào sử dụng tương tác thông minh (smart interaction) Điều có nghĩa bạn thiết kế xoay quanh tương tác ‘click’ mà không cần phải quan tâm ‘click’ đến từ click chuột, chạm ngón tay Khối xây dựng hợp UWP cung cấp số khối xây dựng hợp giúp cho việc thiết kế ứng dụng cho nhiều dùng thiết bị trở nên dễ dàng Nút điều khiển hợp (universal control) UWP cung cấp tập nút điều khiển hợp đảm bảo hoạt động tốt tất thiết bị Windows Tập hợp bao gồm tất từ form control phổ biến radio button text box control phức tạp grid view list view tạo danh sách từ nguồn liệu hay mẫu sẵn có Những control tự nhận biết thiết bị đầu vào triển khai với tập hợp tương tác đầu vào, event state tất tính thích hợp cho dòng thiết bị Danh sách đầy đủ control mẫu (pattern) mà bạn tạo từ chúng, bạn xem viết “Control and patterns” Phong cách hợp (universal style) Ứng dụng UWP bạn tự động lấy tập kiểu thiết kế (style) mặc định cung cấp cho bạn tính sau: o Một tập kiểu thiết kế mang lại cho ứng dụng bạn theme sang tối (tùy theo lựa chọn bạn) kết hợp với tham chiếu màu nhấn mạnh người dùng (accent color) Huy Tran | huytnd@hotmail.com |http://tndhuy.wordpress.com o o o o o Một kiểu chữ dựa kiểu Segoe đảm bảo phần chữ ứng dụng bạn trông đồng tất thiết bị Các chuyển động mặc định cho tương tác Tự động hỗ trợ cho chế độ tương phản cao Tự động hỗ trợ cho ngôn ngữ khác Các kiểu thiết kế định sãn chọn phông chữ cho ngôn ngữ mà Windows hỗ trợ Thậm chí bạn sử dụng đa ngôn ngữ ứng dụng chúng hiển thị cách tốt Hỗ trợ sẵn cho việc đọc RTL Bạn tùy chỉnh phong cách để mang lại cho ứng dụng bạn trải nghiệm Ví dụ bên với ứng dụng thời tiết thiết kế với phong cách độc đáo Huy Tran | huytnd@hotmail.com |http://tndhuy.wordpress.com Mẫu có sẵn hợp (universal template) Microsoft cung cấp mẫu thiết kế dành cho Adobe Illustrator Microsoft PowerPoint gồm tất bạn cần để bắt đầu thiết kế ứng dụng UWP Những mẫu thiết kế bao gồm control giao diện cho dòng thiết bị o o Tải mẫu thiết kế dành cho Adobe Illustrator Tài mẫu thiết kế dành cho Microsoft PowerPoint Những câu hỏi thường gặp Tôi tạo giao diện dùng cho tất thiết bị không? Được, bạn tạo giao diện dùng cho tất thiết bị - bạn tạo giao diện khác cho dòng thiết bị Các hướng dẫn thiết kế giúp bạn tạo giao diện hoạt động tốt tất thiết bị Ứng dụng UWP có phải chạy tất thiết bị không? Không, ứn dụng bạn không bắt buộc phải chạy tất thiết bị Bạn tập trung vào thiết bị – chẳng hạn điện thoại động – bạn hạn chế ứng dụng bạn dòng thiết bị, chẳng hạn dòng thiết bị di động bao gồm điện thoại di động, phablet vài máy tính bảng Khi bạn xuất ứng dụng, bạn cho phép ứng dụng hoạt động tất thiết bị, vài dòng thiết bị, dòng thiết bị Huy Tran | huytnd@hotmail.com |http://tndhuy.wordpress.com