Interfejs użytkownika Protected Confirmation składa się z 6 wymaganych elementów. Niektóre elementy można dostosować, ale należy przestrzegać określonych wymagań. Podczas dostosowywania interfejsu użytkownika kieruj się tymi wskazówkami i upewnij się, że spełniasz wymagania. Jeśli element jest oznaczony jako wymagany, musi używać wymienionej właściwości.
W tych wytycznych używamy rodziny czcionek Roboto, którą możesz pobrać z fonts.google.com.
Interfejs z przyciskami na urządzeniu
Android Protected Confirmation może używać przycisków sprzętowych na urządzeniu do potwierdzania i odwoływania danych wejściowych.
Ikony
Ikona tarczy
| Ikona |  |
|---|---|
| Pobierz | Tarcza bezpieczeństwa |
| Rozmiar ikony | 32 dp |
Ikona strzałki
| Ikona |  |
|---|---|
| Pobierz | Strzałka w prawo na klawiaturze |
| Rozmiar ikony | 24 dp |
| Promień narożnika kontenera | 4 dp |
Wprowadzanie wiadomości
W potwierdzenie chronione są używane 2 typy danych wejściowych: potwierdzenie i anulowanie.
Ciąg znaków potwierdzenia
W tej wiadomości musisz wskazać, który przycisk służy do potwierdzenia.
| Wiadomość | Dwukrotne naciśnięcie (przycisk) w celu potwierdzenia. |
|---|---|
| Maksymalna długość | Wymaganie: wiadomość z potwierdzeniem nie może zajmować więcej niż 2 wiersze. |
| Kolor | #000000 87% |
| Czcionka | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Anulowanie ciągu
Komunikat o anulowaniu musi być wyraźnie widoczny i łatwo odróżnialny od przycisku potwierdzenia. Użyj tych właściwości razem z jednym słowem Anuluj.
| Wiadomość | Anuluj |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Tekst nagłówka
W interfejsie zaufanym dodaj nagłówek Potwierdzenie ochrony Androida, aby oznaczyć tę funkcję. Do tekstu nagłówka użyj tych właściwości.
| Wiadomość | Wymaganie: potwierdzenie w ramach Zabezpieczonego Androida |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Regular |
| Rozmiar czcionki | Wymaganie: 22 sp |
| Wysokość wiersza | Wymaganie: 28 dp |
Tekst główny
Podczas implementowania elementu tekstu w treści użyj tych właściwości. Właściwą wiadomość pisze deweloper interfejsu API (aplikacji).
| Wiadomość | Treść główna jest dostarczana przez dewelopera aplikacji wywołującego funkcję Protected Confirmation. |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Regular |
| Rozmiar czcionki | Wymaganie: 16 sp |
| Wysokość wiersza | Wymagany rozmiar: 24 dp |
Tekst podnagłówka
W tekstie podtytułu wyjaśnij, dlaczego użytkownik widzi ekran potwierdzenia chronionego. Umieść ten tekst u dołu ekranu i użyj tych właściwości.
| Wiadomość | Wymaganie: to potwierdzenie zapewnia dodatkową warstwę zabezpieczeń dla podejmowanego przez Ciebie działania. |
|---|---|
| Maksymalna długość | Wymaganie: wiadomość z potwierdzeniem nie może zajmować więcej niż 4 wiersze. |
| Kolor | #000000 87% |
| Czcionka | Roboto-Regular |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Interfejs z przyciskami oprogramowania
Android Protected Confirmation może używać przycisków programowych do potwierdzania i odwoływania danych wejściowych. W tych wytycznych opisujemy interfejs użytkownika za pomocą przycisków oprogramowania.
Ikona tarczy
Pobierz zasób ikony na stronie Android Ikona tarczy potwierdzenia ochrony. Umieść ikonę u góry ekranu.
Ikona tarczy ochrony jest wymagana. Kolor tarczy można dostosować, ale musi być on wyraźnie widoczny.
Urządzenie wejściowe
Użyj formularza z przyciskiem głównym i dodatkowym do potwierdzenia i anulowania danych wejściowych.
| Etykieta przycisku | W przypadku etykiet przycisków stosuj wielkość liter jak w zdaniu. |
|---|---|
| Promień przycisku | 4 dp |
| Kolor uzupełniający | #1a73e8 |
| Czcionka | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
Tekst nagłówka
W interfejsie zaufanym dodaj nagłówek Potwierdzenie ochrony Androida, aby oznaczyć tę funkcję. Do tekstu nagłówka użyj tych właściwości.
| Wiadomość | Wymaganie: potwierdzenie w ramach Zabezpieczonego Androida |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Medium |
| Rozmiar czcionki | Wymagania: 24sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Tekst główny
Podczas implementowania elementu tekstu w treści użyj tych właściwości. Rzeczywista wiadomość jest tworzona przez dewelopera aplikacji.
| Wiadomość | Tekst w polu treści jest dostarczany przez dewelopera aplikacji, który wywołuje funkcję Protected Confirmation. |
|---|---|
| Kolor | #000000 87% |
| Czcionka | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 16 sp |
| Wysokość wiersza | Wymagany rozmiar: 24 dp |
Tekst podnagłówka
W tekstie podtytułu wyjaśnij, dlaczego użytkownik widzi ekran potwierdzenia chronionego. Umieść ten tekst u dołu ekranu i użyj tych właściwości.
| Wiadomość | Wymaganie: to potwierdzenie zapewnia dodatkową warstwę zabezpieczeń dla podejmowanego działania. |
|---|---|
| Maksymalna długość | Wymaganie: wiadomość z potwierdzeniem nie może zajmować więcej niż 4 wiersze. |
| Kolor | #000000 54% |
| Czcionka | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Lokalizacja
Lokalizacje opisanych komponentów znajdziesz w samodzielnej implementacji w języku C tabeli haszowanej w ramach AOSP.