Interfejs użytkownika Protected Confirmation składa się z 6 wymaganych elementów. Niektóre elementy można dostosować, ale należy przestrzegać 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 (przycisku) w celu potwierdzenia. |
|---|---|
| Maksymalna długość | Wymaganie: wiadomość z potwierdzeniem nie może zajmować więcej niż 2 wiersze. |
| Kolor | #000000 87% |
| Krój czcionki | 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% |
| Krój czcionki | 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% |
| Krój czcionki | 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ść wiadomości jest dostarczana przez dewelopera aplikacji wywołującego funkcję Protected Confirmation. |
|---|---|
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Regular |
| Rozmiar czcionki | Wymaganie: 16 sp |
| Wysokość wiersza | Wymagany rozmiar: 24 dp |
Tekst podtytułu
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% |
| Krój czcionki | Roboto-Regular |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Interfejs z przyciskami programowymi
Android Protected Confirmation może używać przycisków programowych do potwierdzania i odwoływania wprowadzania danych. W tych wytycznych opisujemy interfejs użytkownika za pomocą przycisków oprogramowania.
Ikona tarczy
Pobierz zasób ikony na stronie Ikona tarczy potwierdzenia chronionego Androida. 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 |
| Krój czcionki | 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% |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 24sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Tekst główny
Podczas implementowania elementu tekstu w treści użyj tych właściwości. Rzeczywistą wiadomość pisze deweloper aplikacji.
| Wiadomość | Tekst w polu treści jest dostarczany przez dewelopera aplikacji, który wywołuje funkcję Protected Confirmation. |
|---|---|
| Kolor | #000000 87% |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 16 sp |
| Wysokość wiersza | Wymagany rozmiar: 24 dp |
Tekst podtytułu
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% |
| Krój czcionki | Roboto-Medium |
| Rozmiar czcionki | Wymaganie: 14 sp |
| Wysokość wiersza | Wymaganie: 20 dp |
Lokalizacja
Lokalizacje opisanych komponentów znajdziesz w samodzielnej implementacji tabeli wyszukiwania w języku C w ramach AOSP.