Tiện ích là một khía cạnh thiết yếu trong quá trình tuỳ chỉnh màn hình chính. Bạn có thể coi chúng là chế độ xem "nhanh" cho dữ liệu và chức năng quan trọng nhất của ứng dụng, có thể truy cập được ngay trên màn hình chính của người dùng. Người dùng có thể di chuyển các tiện ích trên các bảng điều khiển màn hình chính và nếu được hỗ trợ, hãy đổi kích thước các tiện ích đó để điều chỉnh lượng thông tin trong tiện ích theo lựa chọn ưu tiên của họ.
Tài liệu này giới thiệu nhiều loại tiện ích mà bạn có thể tạo và các nguyên tắc thiết kế cần tuân theo. Để tạo tiện ích ứng dụng bằng cách dùng API Khung hiển thị và bố cục XML, hãy xem phần Tạo tiện ích đơn giản. Để tạo một tiện ích bằng API kiểu Kotlin và Compose, hãy xem phần Jetpack xem.
Các loại tiện ích
Khi bạn lập kế hoạch cho tiện ích của mình, hãy suy nghĩ về loại tiện ích bạn muốn tạo. Tiện ích thường thuộc một trong các danh mục sau:
Tiện ích thông tin
Tiện ích thông tin thường hiển thị các phần tử thông tin quan trọng và theo dõi cách thông tin đó thay đổi theo thời gian. Ví dụ về tiện ích thông tin: tiện ích thời tiết, tiện ích đồng hồ hoặc tiện ích theo dõi tỷ số thể thao. Nhấn vào các tiện ích thông tin thường sẽ khởi chạy ứng dụng liên kết và mở chế độ xem chi tiết về thông tin tiện ích.
Tiện ích bộ sưu tập
Tiện ích bộ sưu tập chuyên hiển thị nhiều phần tử cùng loại, chẳng hạn như bộ sưu tập hình ảnh từ ứng dụng thư viện, bộ sưu tập bài viết từ ứng dụng tin tức hoặc bộ sưu tập email hoặc tin nhắn từ ứng dụng liên lạc. Tiện ích bộ sưu tập có thể cuộn theo chiều dọc.
Tiện ích tập hợp thường tập trung vào các trường hợp sử dụng sau:
- Duyệt qua bộ sưu tập.
- Mở một phần tử của bộ sưu tập ở chế độ xem chi tiết trong ứng dụng được liên kết.
- Tương tác với các phần tử, chẳng hạn như đánh dấu các phần tử đó là đã xong – nhờ khả năng hỗ trợ các nút phức hợp trong Android 12 (API cấp 31).
Tiện ích kiểm soát
Mục đích chính của tiện ích điều khiển là hiển thị các hàm được sử dụng thường xuyên để người dùng có thể kích hoạt các hàm đó từ màn hình chính mà không cần phải mở ứng dụng. Bạn có thể coi chúng là điều khiển từ xa cho một ứng dụng. Ví dụ: tiện ích điều khiển là tiện ích điều khiển nhà cho phép người dùng bật hoặc tắt đèn trong nhà.
Việc tương tác với một tiện ích điều khiển có thể mở một chế độ xem chi tiết được liên kết trong ứng dụng. Điều này tuỳ thuộc vào việc chức năng của tiện ích điều khiển có tạo ra bất kỳ dữ liệu nào hay không, chẳng hạn như trong trường hợp của một tiện ích tìm kiếm.
Tiện ích kết hợp
Tuy một số tiện ích đại diện cho một trong các kiểu trong các phần trước – thông tin, tập hợp hoặc chế độ kiểm soát, nhưng nhiều tiện ích là các phương thức lai kết hợp các phần tử thuộc nhiều kiểu. Ví dụ: một tiện ích trình phát nhạc chủ yếu là một tiện ích điều khiển, nhưng cũng cho người dùng biết bản nhạc nào đang phát, chẳng hạn như một tiện ích thông tin.
Khi lập kế hoạch cho tiện ích, hãy thiết kế xung quanh một trong các loại cơ sở và thêm các phần tử thuộc các loại khác nếu cần.
Tích hợp các tiện ích với Trợ lý Google
Trợ lý Google có thể hiển thị mọi loại tiện ích theo lệnh thoại của người dùng. Bạn có thể định cấu hình các tiện ích của mình để thực hiện Hành động trong ứng dụng, cho phép người dùng nhận được câu trả lời nhanh và trải nghiệm tương tác trong ứng dụng trên các nền tảng của Trợ lý như Android và Android Auto. Để biết thêm thông tin chi tiết về phương thức thực hiện tiện ích cho Trợ lý, hãy xem phần Tích hợp Hành động trong ứng dụng với các tiện ích Android.
Giới hạn của tiện ích
Mặc dù tiện ích có thể được hiểu là "ứng dụng nhỏ", nhưng có một số giới hạn nhất định mà bạn cần hiểu rõ trước khi thiết kế tiện ích.
Cử chỉ
Vì các tiện ích nằm trên màn hình chính, nên các tiện ích này phải cùng tồn tại với thao tác điều hướng được thiết lập ở đó. Điều này giới hạn khả năng hỗ trợ cử chỉ có sẵn trong tiện ích so với ứng dụng toàn màn hình. Mặc dù các ứng dụng có thể cho phép người dùng di chuyển giữa các màn hình theo chiều ngang, nhưng cử chỉ đó đã được thực hiện trên màn hình chính để di chuyển giữa các màn hình chính.
Các cử chỉ duy nhất có sẵn cho tiện ích là chạm và vuốt dọc.
Nhân tố
Do những hạn chế về cử chỉ dùng được cho các tiện ích, một số thành phần giao diện người dùng dựa trên cử chỉ bị hạn chế không dùng được cho các tiện ích. Để xem danh sách đầy đủ các thành phần được hỗ trợ và thông tin khác về các quy tắc hạn chế về bố cục, hãy xem phần Tạo bố cục tiện ích và Cung cấp bố cục tiện ích linh hoạt.
Hướng dẫn thiết kế
Nội dung tiện ích
Tiện ích là một cách tuyệt vời để thu hút người dùng đến với ứng dụng của bạn bằng cách "quảng cáo" nội dung mới và thú vị có sẵn trong ứng dụng của bạn.
Cũng giống như dòng giới thiệu trên trang chủ của một tờ báo, các tiện ích hợp nhất và tập trung thông tin của ứng dụng đồng thời cung cấp kết nối với nhiều chi tiết hơn trong ứng dụng. Bạn có thể nói tiện ích là "đồ ăn vặt" thông tin trong khi ứng dụng là "bữa ăn". Hãy đảm bảo ứng dụng của bạn hiện thông tin chi tiết về một mục thông tin hơn so với nội dung mà tiện ích cho thấy.
Điều hướng tiện ích
Ngoài nội dung thông tin thuần tuý, hãy cân nhắc việc tạo tiện ích cung cấp đường liên kết điều hướng đến các khu vực thường dùng trong ứng dụng. Điều này cho phép người dùng hoàn thành công việc nhanh hơn và mở rộng phạm vi tiếp cận chức năng của ứng dụng ra màn hình chính.
Lựa chọn phù hợp cho đường liên kết điều hướng trên các tiện ích là:
Hàm tạo sinh: đây là những hàm cho phép người dùng tạo nội dung mới cho một ứng dụng, chẳng hạn như tạo tài liệu hoặc thông báo mới.
Mở ứng dụng ở cấp cao nhất: nhấn vào một phần tử thông tin, thường sẽ di chuyển người dùng đến màn hình chi tiết cấp thấp hơn. Việc cung cấp quyền truy cập vào cấp cao nhất của ứng dụng sẽ giúp bạn di chuyển linh hoạt hơn và có thể thay thế lối tắt ứng dụng chuyên dụng mà người dùng có thể dùng để chuyển đến ứng dụng từ màn hình chính. Việc sử dụng biểu tượng ứng dụng cho chức năng này cũng có thể cung cấp cho tiện ích một danh tính rõ ràng nếu dữ liệu bạn đang hiển thị không rõ ràng.
Đổi kích thước tiện ích
Chạm và giữ một tiện ích có thể thay đổi kích thước rồi thả tiện ích đó vào chế độ đổi kích thước. Người dùng có thể sử dụng ô điều khiển kéo hoặc các góc của tiện ích để đặt kích thước ưu tiên.
Tính năng đổi kích thước cho phép người dùng điều chỉnh chiều cao và chiều rộng của một tiện ích trong các giới hạn của lưới vị trí trên màn hình chính. Bạn có thể quyết định xem tiện ích của mình có thể tự do đổi kích thước hoặc bị hạn chế theo các thay đổi về kích thước theo chiều ngang hoặc chiều dọc hay không. Bạn không phải hỗ trợ đổi kích thước nếu tiện ích của bạn vốn có kích thước cố định.
Việc cho phép người dùng đổi kích thước tiện ích có những lợi ích quan trọng sau:
- Họ có thể tinh chỉnh lượng thông tin mình muốn xem trên mỗi tiện ích.
- Các tiện ích này có thể tác động tốt hơn đến bố cục của các tiện ích và lối tắt trên bảng điều khiển chính.
Lập chiến lược đổi kích thước cho tiện ích của bạn theo loại tiện ích bạn đang tạo. Các tiện ích tập hợp dựa trên danh sách hoặc lưới thường rất đơn giản, vì việc đổi kích thước tiện ích sẽ mở rộng hoặc thu gọn vùng cuộn dọc. Bất kể kích thước của tiện ích là bao nhiêu, người dùng vẫn có thể cuộn tất cả các phần tử thông tin vào khung hiển thị.
Các tiện ích thông tin yêu cầu bạn phải lên kế hoạch một cách thực tế hơn, vì chúng không thể cuộn được và tất cả nội dung phải vừa với một kích thước nhất định. Bạn phải tự động điều chỉnh nội dung và bố cục của tiện ích theo kích thước mà người dùng xác định thông qua thao tác đổi kích thước.
Trong ví dụ sau, người dùng có thể đổi kích thước tiện ích thời tiết theo 3 bước, hiển thị nhiều thông tin hơn về thời tiết ở vị trí hiện tại khi tiện ích phát triển.
Đối với mỗi kích thước tiện ích, hãy xác định lượng thông tin ứng dụng của bạn được hiển thị. Đối với kích thước nhỏ hơn, hãy tập trung vào thông tin thiết yếu, sau đó thêm thông tin theo ngữ cảnh khi tiện ích phát triển theo chiều ngang và chiều dọc.
Những điểm cần lưu ý về bố cục
Bạn nên bố trí các tiện ích theo kích thước của lưới vị trí trên một thiết bị mà bạn dùng để phát triển ứng dụng. Đây có thể là chỉ số ước chừng ban đầu hữu ích, nhưng hãy lưu ý những điểm sau:
- Lập kế hoạch chiến lược đổi kích thước tiện ích trên "nhóm kích thước" thay vì các phương diện lưới thay đổi sẽ mang lại cho bạn kết quả đáng tin cậy nhất.
- Số lượng, kích thước và khoảng cách của các ô có thể khác nhau rất nhiều giữa các thiết bị. Do đó, điều quan trọng là tiện ích của bạn phải linh hoạt và có thể chứa nhiều hoặc ít dung lượng hơn dự kiến.
- Khi người dùng đổi kích thước một tiện ích, hệ thống sẽ phản hồi bằng phạm vi kích thước dp, trong đó tiện ích của bạn có thể tự vẽ lại.
- Kể từ Android 12, bạn có thể cung cấp thêm các thuộc tính kích thước được tinh chỉnh và bố cục linh hoạt hơn. Trong đó có:
- Chỉ định các giới hạn kích thước tiện ích. Ví dụ: bạn có thể chỉ định kích thước mục tiêu cho tiện ích (trong các ô lưới) cũng như kích thước tối đa có thể.
- Cung cấp bố cục thích ứng. Bố cục này sẽ thay đổi tuỳ thuộc vào kích thước của tiện ích.
- Cung cấp bố cục có kích thước chính xác, cho phép trình chạy phản hồi với các lựa chọn kích thước cho chế độ dọc và ngang (cho điện thoại hoặc 4 kích thước cho thiết bị có thể gập lại).
- Sử dụng hướng dẫn cập nhật và API mới để xác định kích thước phù hợp cho tiện ích.
Cấu hình tiện ích theo người dùng
Đôi khi, người dùng cần thiết lập tiện ích thì tiện ích mới có thể hữu ích. Hãy xem xét một tiện ích email nơi người dùng cần chọn thư mục thư trước khi hộp thư đến có thể hiển thị hoặc một tiện ích ảnh tĩnh nơi người dùng phải chỉ định một hình ảnh từ thư viện để hiển thị. Các tiện ích Android sẽ hiển thị các lựa chọn về cấu hình ngay sau khi người dùng thả tiện ích vào màn hình chính.
Danh sách kiểm tra thiết kế tiện ích
- Tập trung vào các phần nhỏ thông tin có thể xem nhanh trên tiện ích. Mở rộng thông tin trong ứng dụng của bạn.
- Chọn loại tiện ích phù hợp với mục đích của bạn.
- Lên kế hoạch về cách nội dung của tiện ích thích ứng với các kích thước khác nhau.
- Tạo bố cục tiện ích độc lập với hướng và thiết bị bằng cách đảm bảo bố cục có thể kéo giãn và thu gọn.
- Cân nhắc xem tiện ích của bạn có cần cấu hình bổ sung hay không.