受保護的確認使用者介面 (UI) 由六個必要元素組成。有些元素可以自訂,但需要遵循一些要求。自訂 UI 時請遵循以下準則並確保滿足要求。如果某個元素標有「要求」:該元素必須使用列出的屬性。
以下指南使用 Roboto 字型系列,您可以從fonts.google.com下載該字型系列。
帶有硬體按鈕的 UI
Android 保護確認可以使用裝置上的硬體按鈕來確認和取消輸入。
圖示
盾牌圖示
圖示 | |
---|---|
下載 | 安全盾 |
圖示大小 | 32dp |
箭頭圖示
圖示 | |
---|---|
下載 | 鍵盤向右箭頭 |
圖示大小 | 24dp |
貨櫃角半徑 | 4dp |
輸入訊息
受保護的確認中使用兩種輸入類型:確認和取消。
確認字串
此訊息必須指示使用哪個按鈕作為確認。
訊息 | 雙擊(按鈕)確認 |
---|---|
最大長度 | 要求:確認訊息不能超過兩行。 |
顏色 | #000000 87% |
字體 | Roboto-Medium |
字體大小 | 要求: 14sp |
線高 | 要求: 20dp |
取消字串
取消訊息必須清晰可見,並且易於與確認按鈕區分開。將以下屬性與單字Cancel一起使用。
訊息 | 取消 |
---|---|
顏色 | #000000 87% |
字體 | Roboto-Medium |
字體大小 | 要求: 14sp |
線高 | 要求: 20dp |
標題文本
在受信任的 UI 中包含標題文字「Android 受保護的確認」以識別該功能。對標題文字使用以下屬性。
訊息 | 要求: Android 保護確認 |
---|---|
顏色 | #000000 87% |
字體 | Roboto-常規 |
字體大小 | 要求: 22sp |
線高 | 要求: 28dp |
主體
實現正文文字元素時使用以下屬性。實際訊息是由 API 開發人員(應用程式開發人員)編寫的。
訊息 | 正文由呼叫受保護確認的應用程式開發人員提供。 |
---|---|
顏色 | #000000 87% |
字體 | Roboto-常規 |
字體大小 | 要求: 16sp |
線高 | 要求: 24dp |
副標題文本
使用副標題文字解釋使用者為何看到「受保護的確認」畫面。將此文字放置在螢幕底部並使用以下屬性。
訊息 | 要求:此確認為您即將採取的操作提供額外的安全保障。 |
---|---|
最大長度 | 要求:確認訊息不能超過四行。 |
顏色 | #000000 87% |
字體 | Roboto-常規 |
字體大小 | 要求: 14sp |
線高 | 要求: 20dp |
帶有軟體按鈕的 UI
Android 保護確認可以使用軟體按鈕來確認和取消輸入。以下指南描述了使用軟體按鈕的 UI。
盾牌圖示
在Android 受保護的確認盾圖示 下載圖示資源。將圖示放在螢幕頂部。
受保護的確認盾牌圖示是必需元素。防護罩的顏色可以定制,但必須清晰可見。
輸入
使用主按鈕和輔助按鈕的形式來確認和取消輸入。
按鈕標籤 | 按鈕標籤使用句首字母大寫。 |
---|---|
按鈕半徑 | 4dp |
強調色 | #1a73e8 |
字體 | Roboto-Medium |
字體大小 | 要求: 14sp |
標題文本
在受信任的 UI 中包含標題文字「Android 受保護的確認」以識別該功能。對標題文字使用以下屬性。
訊息 | 要求: Android 保護確認 |
---|---|
顏色 | #000000 87% |
字體 | Roboto-Medium |
字體大小 | 要求: 24sp |
線高 | 要求: 20dp |
主體
實現正文文字元素時使用以下屬性。實際訊息是由應用程式開發人員編寫的。
訊息 | 正文由呼叫受保護確認的應用程式開發人員提供 |
---|---|
顏色 | #000000 87% |
字體 | Roboto-Medium |
字體大小 | 要求: 16sp |
線高 | 要求: 24dp |
副標題文本
使用副標題文字解釋使用者為何看到「受保護的確認」畫面。將此文字放置在螢幕底部並使用以下屬性。
訊息 | 要求:此確認為您即將採取的操作提供額外的安全保障。 |
---|---|
最大長度 | 要求:確認訊息不能超過四行。 |
顏色 | #000000 54% |
字體 | Roboto-Medium |
字體大小 | 要求: 14sp |
線高 | 要求: 20dp |
本土化
您可以在作為AOSP一部分的查找表的獨立 C 實作中找到所描述元件的本地化。