Interfejs użytkownika zabezpieczonego potwierdzenia składa się z 6 wymaganych elementów. Niektóre elementy możesz dostosować, ale muszą one spełniać określone wymagania. Podczas dostosowywania interfejsu użytkownika postępuj zgodnie z tymi wytycznymi 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 tych wytycznych używamy rodziny czcionek Roboto, którą możesz pobrać z Google Fonts.
Interfejs użytkownika z przyciskami na urządzeniu
Zabezpieczone potwierdzenie w Androidzie może używać przycisków na urządzeniu do potwierdzania i anulowania danych wejściowych.
Rysunek 1. Układ projektu.
Ikony
W tej sekcji opisujemy ikony używane w interfejsie użytkownika.
Ikona tarczy
| Ikona |  |
|---|---|
| Pobierz | Tarcza bezpieczeństwa |
| Rozmiar ikony | 32dp |
Ikona strzałki
| Ikona |  |
|---|---|
| Pobierz | Strzałka w prawo na klawiaturze |
| Rozmiar ikony | 24dp |
| Promień narożnika kontenera | 4dp |
Komunikaty wejściowe
W zabezpieczonym potwierdzeniu używane są 2 typy danych wejściowych: potwierdzenie i anulowanie.
Ciąg potwierdzenia
Wiadomość musi wskazywać, który przycisk jest używany jako potwierdzenie.
| Wiadomość | Aby potwierdzić, naciśnij dwukrotnie (przycisk) |
|---|---|
| Maksymalna długość | Wymaganie: wiadomość z potwierdzeniem nie może mieć więcej niż 2 wiersze. |
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Ciąg anulowania
Wiadomość anulowania musi być wyraźnie widoczna i łatwo odróżnialna od przycisku potwierdzenia. Użyj tych właściwości wraz z pojedynczym słowem Anuluj:
| Wiadomość | Anuluj |
|---|---|
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Tekst nagłówka
Aby zidentyfikować funkcję, w zaufanym interfejsie użytkownika umieść tekst nagłówka Zabezpieczone potwierdzenie w Androidzie. Użyj tych właściwości tekstu nagłówka:
| Wiadomość | Wymaganie: zabezpieczone potwierdzenie w Androidzie |
|---|---|
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Regular |
| Rozmiar czcionki | Wymaganie: 22 sp |
| Wysokość wiersza | Wymaganie: 28 dp |
Tekst główny
Podczas implementowania elementu tekstu głównego użyj tych właściwości. Rzeczywistą wiadomość pisze deweloper interfejsu API (deweloper aplikacji).
| Wiadomość | Tekst główny jest dostarczany przez dewelopera aplikacji, który wywołuje zabezpieczone potwierdzenie. |
|---|---|
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Regular |
| Rozmiar czcionki | Wymaganie: 16 sp |
| Wysokość wiersza | Wymaganie: 24 dp |
Tekst podnagłówka
Użyj tekstu podnagłówka, aby wyjaśnić, dlaczego użytkownik widzi ekran zabezpieczonego potwierdzenia. Umieść ten tekst u dołu ekranu i użyj tych właściwości:
| Wiadomość | Wymaganie: to potwierdzenie stanowi dodatkową warstwę zabezpieczenia wykonywanego działania. |
|---|---|
| Maksymalna długość | Wymaganie: wiadomość z potwierdzeniem może mieć maksymalnie 4 wiersze. |
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Regular |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Interfejs użytkownika z przyciskami programowymi
Zabezpieczone potwierdzenie w Androidzie może używać przycisków programowych do potwierdzania i anulowania danych wejściowych. Te wytyczne opisują interfejs użytkownika z przyciskami programowymi:
Rysunek 2. Układ projektu oprogramowania interfejsu użytkownika potwierdzenia.
Ikona tarczy
Pobierz komponent ikony z sekcji Android Ikona tarczy zabezpieczonego potwierdzenia. Umieść ikonę u góry ekranu.
Rysunek 3. Ikona tarczy.
Ikona tarczy zabezpieczonego potwierdzenia jest wymaganym elementem. Możesz dostosować kolor tarczy, ale musi ona być wyraźnie widoczna.
Dane wejściowe
Rysunek 4. Wymiary przycisku programowego.
W przypadku danych wejściowych potwierdzenia i anulowania użyj postaci przycisku głównego i dodatkowego.
| Etykieta przycisku | W przypadku etykiet przycisków stosuje się wielkości liter jak w zdaniu. |
|---|---|
| Promień przycisku | 4dp |
| Kolor uzupełniający | #1a73e8 |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
Tekst nagłówka
Aby zidentyfikować funkcję, w zaufanym interfejsie użytkownika umieść tekst nagłówka Zabezpieczone potwierdzenie w Androidzie. Użyj tych właściwości tekstu nagłówka:
| Wiadomość | Wymaganie: zabezpieczone potwierdzenie w Androidzie |
|---|---|
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 24 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Tekst główny
Podczas implementowania elementu tekstu głównego użyj tych właściwości. Rzeczywistą wiadomość pisze deweloper aplikacji.
| Wiadomość | Tekst główny jest dostarczany przez dewelopera aplikacji, który wywołuje zabezpieczone potwierdzenie. |
|---|---|
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 16 sp |
| Wysokość wiersza | Wymaganie: 24 dp |
Tekst podnagłówka
Użyj tekstu podnagłówka, aby wyjaśnić, dlaczego użytkownik widzi ekran zabezpieczonego potwierdzenia. Umieść ten tekst u dołu ekranu i użyj tych właściwości:
| Wiadomość | Wymaganie: to potwierdzenie stanowi dodatkową warstwę zabezpieczenia wykonywanego działania. |
|---|---|
| Maksymalna długość | Wymaganie: wiadomość z potwierdzeniem może mieć maksymalnie 4 wiersze. |
| Kolor | #000000 54% |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Lokalizacja
Lokalizacje opisanych komponentów znajdziesz w samodzielnej implementacji C tabeli przeglądowej w ramach AOSP.