Пользовательский интерфейс (UI) Protected Confirmation состоит из шести обязательных элементов. Некоторые элементы можно настраивать, но необходимо соблюдать определённые требования. При настройке пользовательского интерфейса следуйте следующим рекомендациям и убедитесь, что эти требования соблюдены. Если элемент помечен как «Требование», он должен использовать указанное свойство.
В следующих рекомендациях используется семейство шрифтов Roboto, которое можно загрузить с сайта fonts.google.com .
Пользовательский интерфейс с аппаратными кнопками
Функция Android Protected Confirmation может использовать аппаратные кнопки на устройстве для подтверждения и отмены ввода.
Иконки
Значок щита
| Икона |  |
|---|---|
| Скачать | Щит безопасности |
| Размер значка | 32дп |
Значок стрелки
| Икона |  |
|---|---|
| Скачать | Стрелка вправо на клавиатуре |
| Размер значка | 24dp |
| Радиус угла контейнера | 4дп |
Входные сообщения
В защищенном подтверждении используются два типа ввода: подтверждение и отмена.
Строка подтверждения
В этом сообщении должно быть указано, какая кнопка используется для подтверждения.
| Сообщение | Дважды нажмите (кнопку) для подтверждения |
|---|---|
| Максимальная длина | Требование: сообщение с подтверждением не может быть длиннее двух строк. |
| Цвет | #000000 87% |
| Шрифт | Робото-Медиум |
| Размер шрифта | Требование: 14сп |
| Высота строки | Требование: 20dp |
Отменить строку
Сообщение об отмене должно быть чётко видно и легко отличаться от кнопки подтверждения. Используйте следующие свойства вместе с одним словом «Отмена» .
| Сообщение | Отмена |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Медиум |
| Размер шрифта | Требование: 14сп |
| Высота строки | Требование: 20dp |
Текст заголовка
Добавьте текст заголовка «Подтверждение защищенного Android» в раздел «Доверенный пользовательский интерфейс» для идентификации функции. Используйте следующие свойства для текста заголовка.
| Сообщение | Требование: подтверждение защищенного Android |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Регуляр |
| Размер шрифта | Требование: 22сп |
| Высота строки | Требование: 28dp |
Основной текст
Используйте следующие свойства при реализации элемента основного текста. Само сообщение пишется разработчиком API (разработчиком приложения).
| Сообщение | Основной текст предоставляется разработчиком приложения, вызывающим Protected Confirmation. |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Регуляр |
| Размер шрифта | Требование: 16сп |
| Высота строки | Требование: 24dp |
Текст подзаголовка
Используйте текст подзаголовка, чтобы объяснить, почему пользователь видит экран подтверждения «Защищённый». Разместите этот текст внизу экрана и используйте следующие свойства.
| Сообщение | Требование: Это подтверждение обеспечивает дополнительный уровень безопасности действия, которое вы собираетесь предпринять. |
|---|---|
| Максимальная длина | Требование: сообщение с подтверждением не может быть длиннее четырех строк. |
| Цвет | #000000 87% |
| Шрифт | Робото-Регуляр |
| Размер шрифта | Требование: 14сп |
| Высота строки | Требование: 20dp |
Пользовательский интерфейс с программными кнопками
В Android Protected Confirmation можно использовать программные кнопки для подтверждения и отмены ввода. Ниже описан интерфейс пользователя, использующий программные кнопки.
Значок щита
Загрузите значок с сайта Android Protected Confirmation Shield . Разместите значок в верхней части экрана.
Значок щита «Подтверждение защищенности» является обязательным элементом. Цвет щита можно изменить, но он должен быть хорошо виден.
Вход
Используйте форму основной и дополнительной кнопки для подтверждения и отмены ввода.
| Метка кнопки | Для надписей на кнопках используйте регистр букв. |
|---|---|
| Радиус кнопки | 4дп |
| Акцентный цвет | #1a73e8 |
| Шрифт | Робото-Медиум |
| Размер шрифта | Требование: 14сп |
Текст заголовка
Добавьте текст заголовка «Подтверждение защищенного Android» в раздел «Доверенный пользовательский интерфейс» для идентификации функции. Используйте следующие свойства для текста заголовка.
| Сообщение | Требование: подтверждение защищенного Android |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Медиум |
| Размер шрифта | Требование: 24сп |
| Высота строки | Требование: 20dp |
Основной текст
Используйте следующие свойства при реализации элемента основного текста. Само сообщение пишется разработчиком приложения.
| Сообщение | Основной текст предоставляется разработчиком приложения, вызывающим защищенное подтверждение. |
|---|---|
| Цвет | #000000 87% |
| Шрифт | Робото-Медиум |
| Размер шрифта | Требование: 16сп |
| Высота строки | Требование: 24dp |
Текст подзаголовка
Используйте текст подзаголовка, чтобы объяснить, почему пользователь видит экран подтверждения «Защищённый». Разместите этот текст внизу экрана и используйте следующие свойства.
| Сообщение | Требование: Это подтверждение обеспечивает дополнительный уровень безопасности действия, которое вы собираетесь предпринять. |
|---|---|
| Максимальная длина | Требование: сообщение с подтверждением не может быть длиннее четырех строк. |
| Цвет | #000000 54% |
| Шрифт | Робото-Медиум |
| Размер шрифта | Требование: 14сп |
| Высота строки | Требование: 20dp |
Локализация
Локализацию описанных компонентов можно найти в автономной реализации таблицы поиска на языке C в составе AOSP .