L'interface utilisateur (UI) de la confirmation protégée se compose de six éléments obligatoires. Certains éléments peuvent être personnalisés, mais vous devez respecter certaines exigences. Suivez les consignes ci-dessous lorsque vous personnalisez l'UI et assurez-vous que les exigences sont respectées. Si un élément est marqué comme Exigence, il doit utiliser la propriété indiquée.
Les consignes suivantes utilisent la famille de polices Roboto, que vous pouvez télécharger sur fonts.google.com.
UI avec boutons physiques
La confirmation de protection Android peut utiliser les boutons physiques de l'appareil pour confirmer et annuler l'entrée.
Icônes
Icône de bouclier
| Icône |  |
|---|---|
| Télécharger | Bouclier de sécurité |
| Taille de l'icône | 32 dp |
Icône de flèche
| Icône |  |
|---|---|
| Télécharger | Flèche vers la droite du clavier |
| Taille de l'icône | 24 dp |
| Rayon d'angle du conteneur | 4 dp |
Messages d'entrée
La confirmation protégée utilise deux types de saisie : "Confirmer" et "Annuler".
Chaîne de confirmation
Ce message doit indiquer le bouton utilisé pour la confirmation.
| Message | Appuyer deux fois sur le bouton pour confirmer |
|---|---|
| Longueur maximale | Exigence:Le message de confirmation ne doit pas comporter plus de deux lignes. |
| Couleur | #000000 87% |
| Police | Roboto-Medium |
| Taille de la police | Exigence: 14 sp |
| Hauteur des lignes | Exigence: 20 dp |
Chaîne d'annulation
Le message d'annulation doit être clairement visible et facilement distingué du bouton de confirmation. Utilisez les propriétés suivantes avec le mot Annuler.
| Message | Annuler |
|---|---|
| Couleur | #000000 87% |
| Police | Roboto-Medium |
| Taille de la police | Exigence: 14 sp |
| Hauteur des lignes | Exigence: 20 dp |
Texte de l'en-tête
Incluez le texte d'en-tête Confirmation de protection Android dans l'UI de confiance pour identifier la fonctionnalité. Utilisez les propriétés suivantes pour le texte de l'en-tête.
| Message | Exigence:confirmation de la protection Android |
|---|---|
| Couleur | #000000 87% |
| Police | Roboto-Regular |
| Taille de la police | Exigence: 22 sp |
| Hauteur des lignes | Exigence: 28 dp |
Corps du texte
Utilisez les propriétés suivantes lorsque vous implémentez l'élément de texte du corps. Le message réel est rédigé par le développeur de l'API (développeur d'applications).
| Message | Le corps du texte est fourni par le développeur de l'application qui appelle la confirmation protégée. |
|---|---|
| Couleur | #000000 87% |
| Police | Roboto-Regular |
| Taille de la police | Exigence: 16 sp |
| Hauteur des lignes | Exigence: 24 dp |
Texte du sous-titre
Utilisez le sous-titre pour expliquer pourquoi l'utilisateur voit l'écran de confirmation de la protection. Placez ce texte en bas de l'écran et utilisez les propriétés suivantes.
| Message | Exigence:cette confirmation offre une couche de sécurité supplémentaire pour l'action que vous êtes sur le point d'effectuer. |
|---|---|
| Longueur maximale | Exigence:Le message de confirmation ne doit pas comporter plus de quatre lignes. |
| Couleur | #000000 87% |
| Police | Roboto-Regular |
| Taille de la police | Exigence: 14 sp |
| Hauteur des lignes | Exigence: 20 dp |
UI avec des boutons logiciels
La confirmation Android protégée peut utiliser des boutons logiciels pour confirmer et annuler la saisie. Les consignes suivantes décrivent l'UI à l'aide de boutons logiciels.
Icône de bouclier
Téléchargez l'icône sur Android Icon Shield Confirmation Protected. Placez l'icône en haut de l'écran.
L'icône du bouclier de confirmation de protection est obligatoire. La couleur du bouclier peut être personnalisée, mais elle doit être clairement visible.
Entrée
Utilisez un bouton principal et secondaire pour les entrées de confirmation et d'annulation.
| Libellé du bouton | Utilisez la casse de la phrase pour les libellés de bouton. |
|---|---|
| Rayon du bouton | 4 dp |
| Couleur d'accentuation | #1a73e8 |
| Police | Roboto-Medium |
| Taille de la police | Exigence: 14 sp |
Texte de l'en-tête
Incluez le texte d'en-tête Confirmation de protection Android dans l'UI de confiance pour identifier la fonctionnalité. Utilisez les propriétés suivantes pour le texte de l'en-tête.
| Message | Exigence:confirmation de la protection Android |
|---|---|
| Couleur | #000000 87% |
| Police | Roboto-Medium |
| Taille de la police | Exigence: 24 sp |
| Hauteur des lignes | Exigence: 20 dp |
Corps du texte
Utilisez les propriétés suivantes lorsque vous implémentez l'élément de texte du corps. Le message est rédigé par le développeur de l'application.
| Message | Le corps du texte est fourni par le développeur de l'application qui appelle la confirmation protégée. |
|---|---|
| Couleur | #000000 87% |
| Police | Roboto-Medium |
| Taille de la police | Exigence: 16 sp |
| Hauteur des lignes | Exigence: 24 dp |
Texte du sous-titre
Utilisez le sous-titre pour expliquer pourquoi l'utilisateur voit l'écran de confirmation de la protection. Placez ce texte en bas de l'écran et utilisez les propriétés suivantes.
| Message | Exigence:cette confirmation offre un niveau de sécurité supplémentaire pour l'action que vous êtes sur le point d'effectuer. |
|---|---|
| Longueur maximale | Exigence:Le message de confirmation ne doit pas comporter plus de quatre lignes. |
| Couleur | #000000 54% |
| Police | Roboto-Medium |
| Taille de la police | Exigence: 14 sp |
| Hauteur des lignes | Exigence: 20 dp |
Localisation
Vous trouverez les localisations des composants décrits dans une implémentation C autonome d'une table de recherche dans le cadre d'AOSP.