Support StyleLookup pour les contrôles Metropolis UI (FireMonkey)

De RAD Studio
Aller à : navigation, rechercher

Remonter à Développement des applications Metropolis UI


Les styles Metropolis UI supportés par FireMonkey incluent les styles de base pour les contrôles (comme cancelbutton pour un TButton), ainsi que des styles spécifiques pour les applications Metropolis UI (comme Metropolis UI Dark). Cette rubrique décrit comment utiliser la propriété StyleLookup d'un contrôle pour sélectionner le style du contrôle à partir des conceptions prédéfinies disponibles.

Pour changer le style d'un contrôle en un style Metropolis UI spécifique

  1. A partir de la Palette d'outils, ajoutez un contrôle FireMonkey supportant les styles Metropolis UI tels que TButton, TLabel ou TPanel.
  2. Dans l'inspecteur d'objets, sélectionnez le contrôle et cliquez sur la flèche vers le bas dans la propriété StyleLookUp.
  3. Choisissez une valeur dans la liste déroulante associée à la propriété StyleLookup dans l'inspecteur d'objets. La liste inclut une image de prévisualisation pour chaque élément. Le style spécifique d'un contrôle peut définir une taille, une fonte et un comportement fixe pour le contrôle.

Par exemple, l'écran suivant ne montre qu'une partie des multiples choix StyleLookup (boutons stylés avec des icônes) disponibles pour un TButton de style Metropolis UI :

StyleLookupList.png

Choix StyleLookup pour les styles Metropolis UI FireMonkey

Le tableau suivant récapitule les divers choix StyleLookup Metropolis UI disponibles pour les contrôles FireMonkey spécifiques :

Contrôle FireMonkey et Description des choix StyleLookup Valeurs StyleLookup associées

TButton


Une collection de boutons avec des icônes de style Metropolis UI pour les barres d'outils.

Ces boutons ont une taille fixe. Certains boutons ont deux versions : une sans texte ni libellé, et une autre avec un libellé ou un texte, comme indiqué dans leurs noms.

addbutton, addbuttontext, applybutton, applybuttontext, backbutton, backbuttontext, buttonstyle, buttonstylelabel, cancelbutton, cancelbuttontext, cleareditbutton, closebutton, closebuttontext, colorbuttonstyle, contactsbutton, contactsbuttontext, cornerbuttonstyle, documentbutton, documentbuttontext, editbutton, editbuttontext, ellipseseditbutton, flipviewbottombutton, flipviewleftbutton, flipviewrightbutton, flipviewtopbutton, flyoutbutton, flyoutbuttonlabel, forwardbutton, gearbutton, gearbuttontext, helpbutton, helpbuttontext, homebutton, homebuttontext, mutebutton, mutebuttontext, nextbutton, nextbuttontext, numberbutton, numberbuttonlabel, passwordeditbutton, pausebutton, pausebuttontext, photobutton, playbutton, playbuttontext, priorbutton, priorbuttontext, pushbutton, radiobuttonstyle, refreshbutton, refreshbuttontext, removebutton, removebuttontext, retrybutton, retrybuttontext, roundbutton, roundbuttonlabel, savebutton, savebuttontext, searchbutton, searchbuttontext, searcheditbutton, speedbuttonstyle, speedbuttonstylelabel, spinleftbutton, spinrightbutton, tilebutton, tilebuttondescriptionlabel, tilebuttonfixed, tilebuttonlabel, tilebuttonnamelabel, toolsbutton, transaprentcirclebuttonstyle, trashbutton, trashbuttonlabel, videobutton, videobuttontext, volumebutton, volumebuttontext

TLabel

Une collection de libellés de style Metropolis UI.

Certains libellés ont deux versions : une sans texte ni libellé, et une autre avec un libellé ou un texte, comme indiqué dans leurs noms.

buttonstylelabel, calendarlabelstyle, commandbuttonlabel, flipviewtitlelabel, flyoutbuttonlabel, flyoutlabel, flyouttitlelabel, labelstyle, numberbuttonlabel, pageheaderlabel, pagesubheaderlabel, roundbuttonlabel, speedbuttonstylelabel, tilebuttondescriptionlabel, tilebuttonlabel, tilebuttonnamelabel, tilebuttontitlelabel, toolbarlabel, tooltiplabel

TPanel

calloutpanelstyle, checkedpanel, flipviewpanel, flyoutpanel, grouppanel, panelstyle, tooltippanel

TSpeedButton


speedbuttonstyle, speedbuttonstylelabel

Exemples

  • La valeur commandbuttonlabel de la propriété StyleLookup de TLabel peut changer les états. Pour implémenter :
    1. Déplacez un contrôle TLabel dans un contrôle TButton.
    2. Définissez les propriétés suivantes :
    En résultat, vous avez un bouton avec un nombre d'objets texte illimité (contrôles TLabel).
    Utilisez les mêmes étapes pour les styles de libellés tels que "tilebutton" et "tilebuttonfixed" (TButton).
  • Boutons flip : Un "flipview" est un contrôle Windows 8 défilable qui vous permet de vous déplacer à travers une collection d'éléments, un à la fois. Les boutons de défilement pour un contrôle TButton de style "flipview" comprennent :

flipviewleftbutton:

Flipviewleft.png

flipviewrightbutton:

Flipviewright.png

flipviewtopbutton:

Flipviewtop.png

flipviewbottombutton:

Flipviewbottom.png

Ces boutons flip, placés en principe sur le bord de la fiche, permettent d'introduire le mécanisme flip pour un flipview à l'exécution. Ces boutons doivent placer le prochain élément dans la vue. Si nécessaire, effacez le champ Name de façon à ce que le bouton n'affiche que le glyphe sans le texte.
Pour plus de détails sur l'implémentation, voir l'application exemple FlipViewDemo installée avec le produit dans :
C:\Utilisateurs\Public\Documents\Embarcadero\Studio\23.0\Samples\Object Pascal\FireMonkey Desktop\MetropolisUIFlipViewDemo
  • Boutons vignette : Ces boutons spéciaux ressemblent aux vignettes Windows 8 et ont une taille fixe : tilebutton, tilebuttondescriptionlabel, tilebuttonfixed, tilebuttonlabel, tilebuttonnamelabel

Voir aussi