Fontes Metropolis UI
Remonter à Développement des applications Metropolis UI
Les applications de style Metropolis UI créées dans RAD Studio utilisent par défaut la fonte Windows 8 Segoe UI, conformément aux directives d'interface utilisateur de Windows 8.
Remarque : Segoe UI est la fonte standard de l'interface utilisateur Windows 8. La famille de fontes Segoe UI a été fournie avec les systèmes d'exploitation Windows depuis Windows 7. La fonte Segoe UI sera utilisée si votre application s'exécute sur une machine Windows 7 ou Windows 8, ou sur un système antérieur si vous avez installé les fontes Segoe UI (depuis ici).
Si vous créez une application Metropolis UI à partir de rien, ou si les fontes sont changées lors du développement, vous pouvez utiliser les directives suivantes pour définir la fonte et la taille de fonte conformément aux directives d'interface utilisateur de Windows 8.
Contrôles | Paramètres fonte et taille de fonte |
---|---|
Bouton Vignette |
Titre : Segoe UI Light, 20 pt Description du titre : Segoe UI Semi Light, 11 pt Nom du bouton Vignette : Segoe UI Regular, 9 pt |
Template d'application Grille : GridView (page principale) |
En-tête principal (titre) : Segoe UI Light, 42 pt Sous-titre de l'en-tête (titre de groupe) : Segoe UI Light, 20 pt Titre de l'élément : Segoe UI Regular, 11 pt Sous-titre de l'élément : Segoe UI Regular, 9 pt |
Template d'application Grille : DetailView (panneau) |
Titre principal : Segoe UI Light, 42 pt Titre de l'élément : Segoe UI Light, 20 pt Sous-titre de l'élément : Segoe UI Light, 11 pt Texte principal : Segoe UI Regular, 11 pt |
Template d'application Volet de fractionnement : GridPaneView (panneau gauche) |
En-tête principal (titre) : Segoe UI Light, 42 pt Titre de l'élément : Segoe UI Regular, 11 pt Sous-titre de l'élément : Segoe UI Regular, 9 pt Description de l'élément : Segoe UI Regular, 11 pt |
Template d'application Volet de fractionnement : SplitPaneView (panneau droit) |
Titre de l'élément : Segoe UI Semilight, 20 pt Sous-titre de l'élément : Segoe UI Semilight, 11 pt Description de l'élément (texte) : Segoe UI Semilight, 11 pt |
Libellés |
Titre de l'application (applicationtitle) : Segoe UI Light, 42 pt Texte de la barre d'outils de l'application (sous les boutons de la barre d'outils de forme arrondie) : Segoe UI Regular, 9 pt Dialogue de l'application : Segoe UI Regular, 35 pt Titre FlipView : Segoe UI SemiLight, 35 pt Texte du message/libellé du flyout : Segoe UI Semilight, 11 pt Libellé d'erreur en ligne : Segoe UI Semilight, 11 pt Texte du libellé du lecteur multimédia : Segoe UI Regular, 11 pt Titre de la barre de message : Segoe UI Semilight, 35 pt Texte de la barre de message : Segoe UI Regular, 11 pt |
Case à cocher |
Segoe UI Regular, 11 pt |
Bouton radio |
Segoe UI Regular, 11 pt |
Bouton de commande |
Principal : Segoe UI Semilight, 11 pt Sous-titre : Segoe UI Semilight, 11 pt (généralement, la couleur de cette fonte est plus claire ou grise) |
Menu contextuel (idem pour la zone de liste) : |
Segoe UI Regular, 11 pt |
Sélecteur date/heure (liste déroulante munie de fonction de défilement – comportement de type carrousel) |
Segoe UI Regular, 11 pt |
Bouton |
Bouton de dialogue d'application : Segoe UI Semibold, 11 pt Texte de bouton du panneau Flyout : Myriad Pro Regular, 11 pt Texte de bouton de message : Myriad Pro Regular, 11 pt Texte de bouton du panneau Flyout : Myriad Pro Regular, 11 pt |
Panneau Flyout |
Titre/Texte d'en-tête de panneau : Myriad Pro Regular, 20 pt Texte de message/libellé du Flyout : Segoe UI Semilight, 11 pt Texte de bouton du panneau Flyout : Myriad Pro Regular, 11 pt |
Erreur en ligne |
Libellé : Segoe UI Semilight, 11 pt |
Lecteur multimédia |
Texte du libellé : Segoe UI Regular, 11 pt |
Barre de message |
Titre : Segoe UI Semilight, 35 pt Texte de la barre de message : Segoe UI Regular, 11 pt Texte du bouton de message : Myriad Pro Regular, 11 pt |
Zone de mot de passe + autres contrôles d'édition Windows 8 |
Texte à l'intérieur de la zone : Segoe UI Regular, 11 pt |
Bouton poussoir |
Segoe UI Regular, 11 pt |
Popup de menu à bascule (sélection multiple avec des marques de sélection) |
Segoe UI Regular, 11 pt |
Info-bulles |
URLs : Segoe UI SemiLight, 9 pt |
Texte normal |
Segoe UI Regular, 9 pt |