Die Benutzeroberfläche für die geschützte Bestätigung besteht aus sechs erforderlichen Elementen. Sie können einige Elemente anpassen, müssen dabei aber bestimmte Anforderungen erfüllen. Beachten Sie beim Anpassen der Benutzeroberfläche die folgenden Richtlinien und sorgen Sie dafür, dass die Anforderungen erfüllt werden. Wenn ein Element mit Anforderung gekennzeichnet ist, muss für dieses Element die aufgeführte Property verwendet werden.
In den folgenden Richtlinien wird die Schriftfamilie „Roboto“ verwendet, die Sie von Google Fonts herunterladen können.
Benutzeroberfläche mit Hardwaretasten
Bei der geschützten Bestätigung unter Android können Hardwaretasten auf dem Gerät zum Bestätigen und Abbrechen der Eingabe verwendet werden.
Abbildung 1: Designlayout
Symbole
In diesem Abschnitt werden die in der Benutzeroberfläche verwendeten Symbole beschrieben.
Schildsymbol
| Symbol |  |
|---|---|
| Herunterladen | Sicherheitsschild |
| Symbolgröße | 32 dp |
Pfeilsymbol
| Symbol |  |
|---|---|
| Herunterladen | Rechtspfeil auf der Tastatur |
| Symbolgröße | 24 dp |
| Eckenradius des Containers | 4 dp |
Eingabenachrichten
Bei der geschützten Bestätigung werden zwei Eingabetypen verwendet: „Bestätigen“ und „Abbrechen“.
Bestätigungsstring
In der Meldung muss angegeben werden, welche Schaltfläche als Bestätigung verwendet wird.
| Nachricht | Zum Bestätigen zweimal auf die (Taste) drücken |
|---|---|
| Zulässige Höchstlänge | Anforderung:Die Bestätigungsnachricht darf maximal zwei Zeilen lang sein. |
| Farbe | #000000 87% |
| Schriftart | Roboto-Medium |
| Schriftgröße | Anforderung:14sp |
| Zeilenhöhe | Anforderung:20 dp |
String abbrechen
Die Abbrechen-Mitteilung muss deutlich sichtbar und leicht von der Bestätigungsschaltfläche zu unterscheiden sein. Verwenden Sie die folgenden Eigenschaften zusammen mit dem einzelnen Wort Cancel (Abbrechen):
| Nachricht | Abbrechen |
|---|---|
| Farbe | #000000 87% |
| Schriftart | Roboto-Medium |
| Schriftgröße | Anforderung:14sp |
| Zeilenhöhe | Anforderung:20 dp |
Text der Überschrift
Fügen Sie den Headertext Android Protected Confirmation in die Trusted UI ein, um die Funktion zu identifizieren. Verwenden Sie die folgenden Eigenschaften für den Headertext:
| Nachricht | Anforderung:Android geschützte Bestätigung |
|---|---|
| Farbe | #000000 87% |
| Schriftart | Roboto-Regular |
| Schriftgröße | Voraussetzung:22sp |
| Zeilenhöhe | Anforderung:28 dp |
Text
Verwenden Sie die folgenden Properties, wenn Sie das Element für den Haupttext implementieren. Die eigentliche Nachricht wird vom API-Entwickler (App-Entwickler) verfasst.
| Nachricht | Der Anzeigentext wird vom App-Entwickler bereitgestellt, der „Protected Confirmation“ aufruft. |
|---|---|
| Farbe | #000000 87% |
| Schriftart | Roboto-Regular |
| Schriftgröße | Anforderung:16 sp |
| Zeilenhöhe | Anforderung:24 dp |
Text des Untertitels
Verwenden Sie den Untertitel, um zu erklären, warum der Nutzer den Bildschirm „Geschützte Bestätigung“ sieht. Platziere diesen Text unten auf dem Bildschirm und verwende die folgenden Eigenschaften:
| Nachricht | Anforderung:Diese Bestätigung bietet eine zusätzliche Sicherheitsebene für die Aktion, die Sie ausführen möchten. |
|---|---|
| Zulässige Höchstlänge | Anforderung:Die Bestätigungsnachricht darf maximal vier Zeilen lang sein. |
| Farbe | #000000 87% |
| Schriftart | Roboto-Regular |
| Schriftgröße | Anforderung:14sp |
| Zeilenhöhe | Anforderung:20 dp |
Benutzeroberfläche mit Softwareschaltflächen
Bei der geschützten Bestätigung unter Android können Software-Schaltflächen zum Bestätigen und Abbrechen der Eingabe verwendet werden. Die folgenden Richtlinien beschreiben die Benutzeroberfläche mit Software-Schaltflächen:
Abbildung 2: Bestätigungs-UI – Software-Designlayout
Schildsymbol
Laden Sie das Symbol-Asset unter Android Protected Confirmation Shield Icon herunter. Platziere das Symbol oben auf dem Bildschirm.
Abbildung 3: Schildsymbol
Das Schutzschildsymbol für die geschützte Bestätigung ist ein erforderliches Element. Sie können die Farbe des Schilds anpassen, es muss aber gut sichtbar sein.
Eingabe
Abbildung 4: Abmessungen der Softwareschaltfläche.
Verwenden Sie die Form einer primären und einer sekundären Schaltfläche für die Bestätigungs- und Abbracheingaben.
| Schaltflächenlabel | Verwenden Sie die korrekte Groß- und Kleinschreibung für Schaltflächenlabels. |
|---|---|
| Schaltflächenradius | 4 dp |
| Akzentfarbe | #1a73e8 |
| Schriftart | Roboto-Medium |
| Schriftgröße | Anforderung:14sp |
Text der Überschrift
Fügen Sie den Headertext Android Protected Confirmation in die Trusted UI ein, um die Funktion zu identifizieren. Verwenden Sie die folgenden Eigenschaften für den Headertext:
| Nachricht | Anforderung:Android geschützte Bestätigung |
|---|---|
| Farbe | #000000 87% |
| Schriftart | Roboto-Medium |
| Schriftgröße | Anforderung:24 sp |
| Zeilenhöhe | Anforderung:20 dp |
Text
Verwenden Sie die folgenden Properties, wenn Sie das Element für den Haupttext implementieren. Die eigentliche Nachricht wird vom App-Entwickler verfasst.
| Nachricht | Der Anzeigentext wird vom App-Entwickler bereitgestellt, der die geschützte Bestätigung aufruft. |
|---|---|
| Farbe | #000000 87% |
| Schriftart | Roboto-Medium |
| Schriftgröße | Anforderung:16 sp |
| Zeilenhöhe | Anforderung:24 dp |
Text des Untertitels
Verwenden Sie den Untertitel, um zu erklären, warum der Nutzer den Bildschirm „Geschützte Bestätigung“ sieht. Platziere diesen Text unten auf dem Bildschirm und verwende die folgenden Eigenschaften:
| Nachricht | Anforderung:Diese Bestätigung bietet eine zusätzliche Sicherheitsebene für die Aktion, die Sie ausführen möchten. |
|---|---|
| Zulässige Höchstlänge | Anforderung:Die Bestätigungsnachricht darf maximal vier Zeilen lang sein. |
| Farbe | #000000 54% |
| Schriftart | Roboto-Medium |
| Schriftgröße | Anforderung:14sp |
| Zeilenhöhe | Anforderung:20 dp |
Lokalisierung
Lokalisierungen für die beschriebenen Komponenten finden Sie in einer in sich geschlossenen C-Implementierung einer Nachschlagetabelle als Teil von AOSP.