A interface do usuário (IU) da Confirmação Protegida consiste em seis elementos necessários. Alguns elementos podem ser personalizados, mas há requisitos que precisam ser seguidos. Use as diretrizes a seguir ao personalizar a interface e verifique se os requisitos são atendidos. Se um elemento estiver marcado com Requirement:, ele precisará usar a propriedade listada.
As diretrizes a seguir usam a família de fontes Roboto, que pode ser baixada em fonts.google.com.
Interface com botões físicos
A Confirmação protegida pelo Android pode usar botões físicos no dispositivo para confirmar e cancelar a entrada.
Ícones
Ícone de escudo
| Ícone |  |
|---|---|
| Download | Escudo de segurança |
| Tamanho do ícone | 32dp |
Ícone de seta
| Ícone |  |
|---|---|
| Download | Seta para a direita do teclado |
| Tamanho do ícone | 24dp |
| Raio do canto do contêiner | 4 dp |
Mensagens de entrada
Há dois tipos de entrada usados na confirmação protegida: confirmar e cancelar.
String de confirmação
Essa mensagem precisa indicar qual botão é usado 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 fonte | Roboto Medium |
| Tamanho da fonte | Requisito:14sp |
| Altura da linha | Requisito:20 dp |
Cancelar string
A mensagem de cancelamento precisa estar claramente visível e ser facilmente distinguida do botão de confirmação. Use as propriedades a seguir com a palavra única Cancelar.
| Mensagem | Cancelar |
|---|---|
| Cor | #000000 87% |
| Tipo de fonte | Roboto Medium |
| Tamanho da fonte | Requisito:14sp |
| Altura da linha | Requisito:20 dp |
Texto do cabeçalho
Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as propriedades a seguir para o texto do cabeçalho.
| Mensagem | Requisito:confirmação protegida pelo Android |
|---|---|
| Cor | #000000 87% |
| Tipo de fonte | Roboto-Regular |
| Tamanho da fonte | Requisito:22sp |
| Altura da linha | Requisito:28 dp |
Texto do corpo
Use as propriedades a seguir ao implementar o elemento de texto do corpo. A mensagem real é escrita pelo desenvolvedor da API (desenvolvedor do app).
| Mensagem | O texto do corpo é fornecido pelo desenvolvedor do app que chama a confirmação protegida. |
|---|---|
| Cor | #000000 87% |
| Tipo de fonte | Roboto-Regular |
| Tamanho da fonte | Requisito:16sp |
| Altura da linha | Requisito:24 dp |
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 esse texto na parte de baixo da tela e use as seguintes propriedades.
| Mensagem | Requisito:essa confirmação oferece 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 fonte | Roboto-Regular |
| Tamanho da fonte | Requisito:14sp |
| Altura da linha | Requisito:20 dp |
Interface com botões de software
A confirmação protegida do Android pode usar botões de software para confirmar e cancelar a entrada. As diretrizes a seguir descrevem a interface usando botões de software.
Ícone de escudo
Faça o download do recurso de ícone em Ícone de escudo de confirmação protegida do Android. Coloque o ícone na parte de cima da tela.
O ícone de escudo de confirmação de proteção é um elemento obrigatório. A cor do escudo pode ser personalizada, mas precisa estar claramente visível.
Entrada
Use um botão principal e secundário para as entradas de confirmação e cancelamento.
| Rótulo do botão | Use letras maiúsculas nos rótulos dos botões. |
|---|---|
| Raio do botão | 4 dp |
| Cor de destaque | #1a73e8 |
| Tipo de fonte | Roboto Medium |
| Tamanho da fonte | Requisito:14sp |
Texto do cabeçalho
Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as propriedades a seguir para o texto do cabeçalho.
| Mensagem | Requisito:confirmação protegida pelo Android |
|---|---|
| Cor | #000000 87% |
| Tipo de fonte | Roboto Medium |
| Tamanho da fonte | Requisito:24sp |
| Altura da linha | Requisito:20 dp |
Texto do corpo
Use as propriedades a seguir ao implementar o elemento de texto do corpo. A mensagem real é escrita pelo desenvolvedor do app.
| Mensagem | O texto do corpo é fornecido pelo desenvolvedor do app que chama a confirmação protegida. |
|---|---|
| Cor | #000000 87% |
| Tipo de fonte | Roboto Medium |
| Tamanho da fonte | Requisito:16sp |
| Altura da linha | Requisito:24 dp |
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 esse texto na parte de baixo da tela e use as seguintes propriedades.
| Mensagem | Requisito:essa confirmação oferece 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 fonte | Roboto Medium |
| Tamanho da fonte | Requisito:14sp |
| Altura da linha | Requisito:20 dp |
Localização
É possível encontrar localizações para os componentes descritos em uma implementação C independente de uma tabela de pesquisa como parte do AOSP.