Thiết kế các tiện ích Android có thể thích ứng và thay đổi quy mô liền mạch. Sử dụng kích thước mặc định làm điểm bắt đầu và thử nghiệm bố cục của bạn trên nhằm đảm bảo khả năng đọc và trải nghiệm người dùng tối ưu.
Kích thước mặc định
Mang lại trải nghiệm tiện ích chỉn chu bằng cách tối ưu hoá bố cục cho ít nhất một tiện ích
cho các kích thước mà chúng tôi đề xuất. Đảm bảo vị trí và chế độ hiển thị chính xác trong tiện ích
bằng cách xác định thuộc tính targetCellWidth
và targetCellHeight
cho cả hai
thiết bị cầm tay và máy tính bảng.
Các giá trị này dựa trên các thiết bị Pixel. Sử dụng các kích thước sau làm điểm bắt đầu cho thiết kế tiện ích của bạn. Kiểm thử kỹ lưỡng tiện ích ở nhiều kích thước và đang bật trên nhiều thiết bị khác nhau để đảm bảo trải nghiệm người dùng chất lượng cao.
Cầm tay
Kích thước | Chiều rộng tối thiểu | Chiều rộng tối đa | Chiều cao tối thiểu | Chiều cao tối đa |
---|---|---|---|---|
2x1 | 109 | 306 | 44 | 130 |
2x2 | 109 | 306 | 115 | 276 |
2x3 | 109 | 306 | 185 | 422 |
4x1 | 245 | 624 | 44 | 130 |
4x2 | 245 | 624 | 115 | 276 |
4x3 | 245 | 624 | 185 | 422 |
Máy tính bảng
Kích thước | Chiều rộng tối thiểu | Chiều rộng tối đa | Chiều cao tối thiểu | Chiều cao tối đa |
---|---|---|---|---|
2x1 | 180 | 304 | 64 | 120 |
2x2 | 180 | 304 | 184 | 304 |
2x3 | 180 | 304 | 304 | 488 |
3x1 | 328 | 488 | 64 | 120 |
3x2 | 298 | 488 | 184 | 304 |
3x3 | 298 | 488 | 304 | 488 |
3x4 | 298 | 488 | 424 | 672 |
Điểm ngắt
Điểm ngắt là yếu tố cần thiết để tạo ra khả năng đổi kích thước dễ điều chỉnh và thân thiện với người dùng các tiện ích khác nhau. Bằng cách thử nghiệm thiết kế của mình, bạn có thể xác định các ngưỡng kích thước mà bố cục nếu cần. Triển khai các điểm ngắt để kích hoạt những thay đổi này, đảm bảo tiện ích của bạn duy trì hình ảnh bắt mắt và chức năng ở mọi kích thước.
Điểm ngắt cũng cho phép bạn linh hoạt bao gồm hoặc loại trừ có điều kiện nội dung bổ sung, tối ưu hoá việc sử dụng dung lượng dựa trên tiện ích thứ nguyên.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=5&hl=vi)
Lấp đầy giới hạn
Một trong những lý do chính khiến người dùng xoá tiện ích là do không khớp với các thành phần khác trên màn hình chính. Để ngăn chặn điều này, hãy đảm bảo tiện ích của bạn luôn lấp đầy không gian lưới được phân bổ hoàn toàn.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=5&hl=vi)
Nên
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=5&hl=vi)
Không nên
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=5&hl=vi)
Nên
![](https://developer.android.com/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=5&hl=vi)