Giao diện người dùng (UI) Xác nhận được bảo vệ bao gồm sáu thành phần bắt buộc. Một số yếu tố có thể được tùy chỉnh, nhưng có những yêu cầu cần phải tuân theo. Hãy sử dụng các nguyên tắc sau khi tùy chỉnh giao diện người dùng và đảm bảo đáp ứng các yêu cầu. Nếu một phần tử được đánh dấu bằng Yêu cầu: phần tử đó phải sử dụng thuộc tính được liệt kê.
Các nguyên tắc sau đây sử dụng họ phông chữ Roboto mà bạn có thể tải xuống từ Fonts.google.com .
Giao diện người dùng với các nút phần cứng
Xác nhận được bảo vệ của Android có thể sử dụng các nút phần cứng trên thiết bị để xác nhận và hủy dữ liệu nhập.
Biểu tượng
Biểu tượng cái khiên
| Biểu tượng |  |
|---|---|
| Tải xuống | lá chắn an ninh |
| Kích cỡ biểu tượng | 32dp |
Biểu tượng mũi tên
| Biểu tượng |  |
|---|---|
| Tải xuống | Bàn phím mũi tên phải |
| Kích cỡ biểu tượng | 24dp |
| Bán kính góc container | 4dp |
Nhập tin nhắn
Có hai loại đầu vào được sử dụng trong Xác nhận được bảo vệ: xác nhận và hủy.
Chuỗi xác nhận
Thông báo này phải cho biết nút nào được sử dụng làm xác nhận.
| Tin nhắn | Nhấn đúp (nút) để xác nhận |
|---|---|
| Chiều dài tối đa | Yêu cầu: Tin nhắn xác nhận không được dài hơn hai dòng. |
| Màu sắc | #000000 87% |
| Mặt chữ | Roboto-Medium |
| Cỡ chữ | Yêu cầu: 14sp |
| Chiều cao giữa các dòng | Yêu cầu: 20dp |
Hủy chuỗi
Thông báo hủy phải hiển thị rõ ràng và dễ dàng phân biệt với nút xác nhận. Sử dụng các thuộc tính sau cùng với từ duy nhất Cancel .
| Tin nhắn | Hủy bỏ |
|---|---|
| Màu sắc | #000000 87% |
| Mặt chữ | Roboto-Medium |
| Cỡ chữ | Yêu cầu: 14sp |
| Chiều cao giữa các dòng | Yêu cầu: 20dp |
Văn bản tiêu đề
Bao gồm văn bản tiêu đề Xác nhận được bảo vệ của Android trong Giao diện người dùng đáng tin cậy để xác định tính năng. Sử dụng các thuộc tính sau cho văn bản tiêu đề.
| Tin nhắn | Yêu cầu: Xác nhận được bảo vệ của Android |
|---|---|
| Màu sắc | #000000 87% |
| Mặt chữ | Roboto-Thường xuyên |
| Cỡ chữ | Yêu cầu: 22sp |
| Chiều cao giữa các dòng | Yêu cầu: 28dp |
Bài kiểm tra cơ thể
Sử dụng các thuộc tính sau khi triển khai phần tử văn bản nội dung. Thông báo thực tế được viết bởi nhà phát triển API (nhà phát triển ứng dụng).
| Tin nhắn | Văn bản nội dung được cung cấp bởi nhà phát triển ứng dụng gọi là Xác nhận được bảo vệ. |
|---|---|
| Màu sắc | #000000 87% |
| Mặt chữ | Roboto-Thường xuyên |
| Cỡ chữ | Yêu cầu: 16sp |
| Chiều cao giữa các dòng | Yêu cầu: 24dp |
Văn bản tiêu đề phụ
Sử dụng văn bản tiêu đề phụ để giải thích lý do tại sao người dùng nhìn thấy màn hình Xác nhận được bảo vệ. Đặt văn bản này ở cuối màn hình và sử dụng các thuộc tính sau.
| Tin nhắn | Yêu cầu: Xác nhận này cung cấp thêm một lớp bảo mật cho hành động bạn sắp thực hiện. |
|---|---|
| Chiều dài tối đa | Yêu cầu: Tin nhắn xác nhận không được dài quá 4 dòng. |
| Màu sắc | #000000 87% |
| Mặt chữ | Roboto-Thường xuyên |
| Cỡ chữ | Yêu cầu: 14sp |
| Chiều cao giữa các dòng | Yêu cầu: 20dp |
Giao diện người dùng với các nút phần mềm
Xác nhận được bảo vệ của Android có thể sử dụng các nút phần mềm để xác nhận và hủy dữ liệu nhập. Các hướng dẫn sau đây mô tả giao diện người dùng bằng các nút phần mềm.
biểu tượng cái khiên
Tải xuống nội dung biểu tượng tại Biểu tượng lá chắn xác nhận được bảo vệ của Android . Đặt biểu tượng ở trên cùng của màn hình.
Biểu tượng lá chắn Xác nhận được Bảo vệ là thành phần bắt buộc. Màu sắc của tấm chắn có thể được tùy chỉnh nhưng nó phải được nhìn thấy rõ ràng.
Đầu vào
Sử dụng dạng nút chính và nút phụ để xác nhận và hủy đầu vào.
| Nhãn nút | Sử dụng trường hợp câu cho nhãn nút. |
|---|---|
| Bán kính nút | 4dp |
| Màu nhấn | #1a73e8 |
| Mặt chữ | Roboto-Medium |
| Cỡ chữ | Yêu cầu: 14sp |
Văn bản tiêu đề
Bao gồm văn bản tiêu đề Xác nhận được bảo vệ của Android trong Giao diện người dùng đáng tin cậy để xác định tính năng. Sử dụng các thuộc tính sau cho văn bản tiêu đề.
| Tin nhắn | Yêu cầu: Xác nhận được bảo vệ của Android |
|---|---|
| Màu sắc | #000000 87% |
| Mặt chữ | Roboto-Medium |
| Cỡ chữ | Yêu cầu: 24sp |
| Chiều cao giữa các dòng | Yêu cầu: 20dp |
Bài kiểm tra cơ thể
Sử dụng các thuộc tính sau khi triển khai phần tử văn bản nội dung. Thông báo thực tế được viết bởi nhà phát triển ứng dụng.
| Tin nhắn | Văn bản nội dung được cung cấp bởi nhà phát triển ứng dụng gọi Xác nhận được bảo vệ |
|---|---|
| Màu sắc | #000000 87% |
| Mặt chữ | Roboto-Medium |
| Cỡ chữ | Yêu cầu: 16sp |
| Chiều cao giữa các dòng | Yêu cầu: 24dp |
Văn bản tiêu đề phụ
Sử dụng văn bản tiêu đề phụ để giải thích lý do tại sao người dùng nhìn thấy màn hình Xác nhận được bảo vệ. Đặt văn bản này ở cuối màn hình và sử dụng các thuộc tính sau.
| Tin nhắn | Yêu cầu: Xác nhận này cung cấp thêm một lớp bảo mật cho hành động bạn sắp thực hiện. |
|---|---|
| Chiều dài tối đa | Yêu cầu: Tin nhắn xác nhận không được dài quá 4 dòng. |
| Màu sắc | #000000 54% |
| Mặt chữ | Roboto-Medium |
| Cỡ chữ | Yêu cầu: 14sp |
| Chiều cao giữa các dòng | Yêu cầu: 20dp |
Bản địa hóa
Bạn có thể tìm thấy các bản địa hóa cho các thành phần được mô tả trong bản triển khai C độc lập của bảng tra cứu như một phần của AOSP .