Interfejs użytkownika (UI) chronionego potwierdzenia składa się z sześciu wymaganych elementów. Niektóre elementy można dostosować, ale istnieją wymagania, których należy przestrzegać. Podczas dostosowywania interfejsu użytkownika postępuj zgodnie z poniższymi wskazówkami i upewnij się, że wymagania są spełnione. Jeśli element jest oznaczony jako Wymaganie: ten element musi używać wymienionej właściwości.
W poniższych wytycznych wykorzystano rodzinę czcionek Roboto, którą można pobrać ze strony Fonts.google.com .
Interfejs użytkownika z przyciskami sprzętowymi
Potwierdzenie chronione systemem Android może używać przycisków sprzętowych na urządzeniu do potwierdzania i anulowania wprowadzania.
Ikony
Ikona Tarczy
| Ikona |  |
|---|---|
| Pobierać | Tarcza bezpieczeństwa |
| Rozmiar ikony | 32dp |
Ikona strzałki
| Ikona |  |
|---|---|
| Pobierać | Strzałka klawiatury w prawo |
| Rozmiar ikony | 24 dp |
| Promień narożnika kontenera | 4dp |
Wprowadź wiadomości
W Potwierdzeniu Chronionym stosowane są dwa typy danych wejściowych: potwierdzenie i anulowanie.
Ciąg potwierdzający
Komunikat ten musi wskazywać, który przycisk służy do potwierdzenia.
| Wiadomość | Naciśnij dwukrotnie (przycisk), aby potwierdzić |
|---|---|
| Maksymalna długość | Warunek: Wiadomość potwierdzająca nie może mieć więcej niż dwóch linii. |
| Kolor | #000000 87% |
| Czcionka | Roboto-Średni |
| Rozmiar czcionki | Zapotrzebowanie: 14sp |
| Wysokość linii | Wymaganie: 20dp |
Anuluj ciąg
Komunikat o anulowaniu musi być wyraźnie widoczny i łatwy do odróżnienia od przycisku potwierdzenia. Użyj następujących właściwości wraz z pojedynczym słowem Cancel .
| Wiadomość | Anulować |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Średni |
| Rozmiar czcionki | Zapotrzebowanie: 14sp |
| Wysokość linii | Wymaganie: 20dp |
Tekst nagłówka
Dołącz tekst nagłówka „Potwierdzenie chronione przez system Android” w Zaufanym interfejsie użytkownika, aby zidentyfikować tę funkcję. Użyj następujących właściwości tekstu nagłówka.
| Wiadomość | Wymaganie: potwierdzenie chronione systemem Android |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Regularny |
| Rozmiar czcionki | Wymaganie: 22sp |
| Wysokość linii | Wymaganie: 28dp |
Tekst główny
Podczas implementowania elementu tekstu treści użyj następujących właściwości. Rzeczywista wiadomość jest napisana przez programistę API (programistę aplikacji).
| Wiadomość | Treść jest dostarczana przez twórcę aplikacji, wywołując opcję Potwierdzenie chronione. |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Regularny |
| Rozmiar czcionki | Zapotrzebowanie: 16sp |
| Wysokość linii | Wymaganie: 24dp |
Tekst podtytułu
Użyj tekstu nagłówka, aby wyjaśnić, dlaczego użytkownik widzi ekran Chronionego potwierdzenia. Umieść ten tekst na dole ekranu i użyj następujących właściwości.
| Wiadomość | Wymaganie: to potwierdzenie zapewnia dodatkową warstwę bezpieczeństwa dla działania, które zamierzasz podjąć. |
|---|---|
| Maksymalna długość | Warunek: Wiadomość potwierdzająca nie może mieć więcej niż czterech linii. |
| Kolor | #000000 87% |
| Czcionka | Roboto-Regularny |
| Rozmiar czcionki | Zapotrzebowanie: 14sp |
| Wysokość linii | Wymaganie: 20dp |
Interfejs użytkownika z przyciskami oprogramowania
Potwierdzenie chronione systemem Android może wykorzystywać przyciski oprogramowania do potwierdzania i anulowania wprowadzonych danych. Poniższe wytyczne opisują interfejs użytkownika za pomocą przycisków oprogramowania.
Ikona tarczy
Pobierz zasób ikony pod adresem Ikona tarczy chronionego potwierdzenia w systemie Android . Umieść ikonę na górze ekranu.
Ikona tarczy Chronionego potwierdzenia jest elementem wymaganym. Kolor tarczy można dostosować, ale musi być wyraźnie widoczny.
Wejście
Użyj formy przycisku głównego i dodatkowego do potwierdzania i anulowania wejść.
| Etykieta przycisku | Użyj wielkości zdań w etykietach przycisków. |
|---|---|
| Promień przycisku | 4dp |
| Kolor akcentujący | #1a73e8 |
| Czcionka | Roboto-Średni |
| Rozmiar czcionki | Zapotrzebowanie: 14sp |
Tekst nagłówka
Dołącz tekst nagłówka „Potwierdzenie chronione przez system Android” w Zaufanym interfejsie użytkownika, aby zidentyfikować tę funkcję. Użyj następujących właściwości tekstu nagłówka.
| Wiadomość | Wymaganie: potwierdzenie chronione systemem Android |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Średni |
| Rozmiar czcionki | Wymaganie: 24 sp |
| Wysokość linii | Wymaganie: 20dp |
Tekst główny
Podczas implementowania elementu tekstu treści użyj następujących właściwości. Rzeczywista wiadomość jest napisana przez twórcę aplikacji.
| Wiadomość | Treść jest dostarczana przez twórcę aplikacji, wywołując opcję Potwierdzenie chronione |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Średni |
| Rozmiar czcionki | Zapotrzebowanie: 16sp |
| Wysokość linii | Wymaganie: 24dp |
Tekst podtytułu
Użyj tekstu nagłówka, aby wyjaśnić, dlaczego użytkownik widzi ekran Chronionego potwierdzenia. Umieść ten tekst na dole ekranu i użyj następujących właściwości.
| Wiadomość | Wymaganie: to potwierdzenie zapewnia dodatkową warstwę bezpieczeństwa dla działania, które zamierzasz podjąć. |
|---|---|
| Maksymalna długość | Warunek: Wiadomość potwierdzająca nie może mieć więcej niż czterech linii. |
| Kolor | #000000 54% |
| Czcionka | Roboto-Średni |
| Rozmiar czcionki | Zapotrzebowanie: 14sp |
| Wysokość linii | Wymaganie: 20dp |
Lokalizacja
Lokalizacje opisanych komponentów można znaleźć w samodzielnej implementacji tabeli przeglądowej w języku C stanowiącej część AOSP .