A interface do usuário (IU) da Confirmação Protegida consiste em seis elementos obrigatórios. Alguns elementos podem ser customizados, mas existem requisitos que precisam ser seguidos. Use as diretrizes a seguir ao personalizar a UI e certifique-se de que os requisitos sejam atendidos. Se um elemento estiver marcado com Requisito: esse elemento deverá usar a propriedade listada.
As diretrizes a seguir usam a família de fontes Roboto, que você pode baixar em fonts.google.com .
UI com botões de hardware
A Confirmação Protegida do Android pode usar botões de hardware no dispositivo para confirmar e cancelar a entrada.
Ícones
Ícone de escudo
| Ícone |  |
|---|---|
| Download | Escudo de segurança |
| Tamanho do ícone | 32 dp |
Ícone de seta
| Ícone |  |
|---|---|
| Download | Seta do teclado para a direita |
| Tamanho do ícone | 24 dp |
| Raio do canto do contêiner | 4 dp |
Mensagens de entrada
Existem dois tipos de entrada usados na Confirmação Protegida: confirmar e cancelar.
Sequência de confirmação
Esta mensagem deve indicar qual botão é utilizado como confirmação.
| Mensagem | Pressione duas vezes (botão) para confirmar |
|---|---|
| Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de duas linhas. |
| Cor | #000000 87% |
| Tipo de letra | Roboto-Médio |
| Tamanho da fonte | Requisito: 14sp |
| Altura da linha | Requisito: 20dp |
Cancelar sequência
A mensagem de cancelamento deve ser claramente visível e facilmente distinguível do botão de confirmação. Use as propriedades a seguir junto com a palavra única Cancel .
| Mensagem | Cancelar |
|---|---|
| Cor | #000000 87% |
| Tipo de letra | Roboto-Médio |
| Tamanho da fonte | Requisito: 14sp |
| Altura da linha | Requisito: 20dp |
Texto do cabeçalho
Inclua o texto do cabeçalho Android Protected Confirmation na UI confiável para identificar o recurso. Use as propriedades a seguir para o texto do cabeçalho.
| Mensagem | Requisito: Confirmação Protegida do Android |
|---|---|
| Cor | #000000 87% |
| Tipo de letra | Roboto-Regular |
| Tamanho da fonte | Requisito: 22sp |
| Altura da linha | Requisito: 28 dp |
Texto de corpo
Use as propriedades a seguir ao implementar o elemento de texto do corpo. A mensagem real é escrita pelo desenvolvedor da API (desenvolvedor do aplicativo).
| Mensagem | O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a Confirmação Protegida. |
|---|---|
| Cor | #000000 87% |
| Tipo de letra | Roboto-Regular |
| Tamanho da fonte | Requisito: 16sp |
| Altura da linha | Requisito: 24dp |
Texto do subtítulo
Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.
| Mensagem | Requisito: Esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar. |
|---|---|
| Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de quatro linhas. |
| Cor | #000000 87% |
| Tipo de letra | Roboto-Regular |
| Tamanho da fonte | Requisito: 14sp |
| Altura da linha | Requisito: 20dp |
UI com botões de software
A Confirmação Protegida do Android pode usar botões de software para confirmar e cancelar entradas. As diretrizes a seguir descrevem a UI usando botões de software.
Ícone de escudo
Baixe o ativo do ícone em Android Protected Confirmation Shield Icon . Coloque o ícone na parte superior da tela.
O ícone do escudo de Confirmação Protegida é um elemento obrigatório. A cor do escudo pode ser personalizada, mas deve ser claramente visível.
Entrada
Use a forma de um botão primário e secundário para confirmar e cancelar entradas.
| Etiqueta do botão | Use maiúsculas e minúsculas para rótulos de botões. |
|---|---|
| Raio do botão | 4 dp |
| Cor de destaque | #1a73e8 |
| Tipo de letra | Roboto-Médio |
| Tamanho da fonte | Requisito: 14sp |
Texto do cabeçalho
Inclua o texto do cabeçalho Android Protected Confirmation na UI confiável para identificar o recurso. Use as propriedades a seguir para o texto do cabeçalho.
| Mensagem | Requisito: Confirmação Protegida do Android |
|---|---|
| Cor | #000000 87% |
| Tipo de letra | Roboto-Médio |
| Tamanho da fonte | Requisito: 24sp |
| Altura da linha | Requisito: 20dp |
Texto de corpo
Use as propriedades a seguir ao implementar o elemento de texto do corpo. A mensagem real foi escrita pelo desenvolvedor do aplicativo.
| Mensagem | O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando Confirmação Protegida |
|---|---|
| Cor | #000000 87% |
| Tipo de letra | Roboto-Médio |
| Tamanho da fonte | Requisito: 16sp |
| Altura da linha | Requisito: 24dp |
Texto do subtítulo
Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.
| Mensagem | Requisito: Esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar. |
|---|---|
| Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de quatro linhas. |
| Cor | #000000 54% |
| Tipo de letra | Roboto-Médio |
| Tamanho da fonte | Requisito: 14sp |
| Altura da linha | Requisito: 20dp |
Localização
Você pode encontrar localizações para os componentes descritos em uma implementação C independente de uma tabela de pesquisa como parte do AOSP .