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