Support StyleLookup pour les contrôles Metropolis UI (FireMonkey)
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.
Sommaire
Pour changer le style d'un contrôle en un style Metropolis UI spécifique
- A partir de la Palette d'outils, ajoutez un contrôle FireMonkey supportant les styles Metropolis UI tels que TButton, TLabel ou TPanel.
- Dans l'inspecteur d'objets, sélectionnez le contrôle et cliquez sur la flèche vers le bas dans la propriété StyleLookUp.
- 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 :
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 |
---|---|
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 |
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 |
calloutpanelstyle, checkedpanel, flipviewpanel, flyoutpanel, grouppanel, panelstyle, tooltippanel | |
|
speedbuttonstyle, speedbuttonstylelabel |
Exemples
- La valeur commandbuttonlabel de la propriété StyleLookup de TLabel peut changer les états. Pour implémenter :
- Déplacez un contrôle TLabel dans un contrôle TButton.
- Définissez les propriétés suivantes :
- TLabel.StyleLookup="commandbuttonlabel"
- TLabel.HitTest = False
- TLabel.Locked = True
- 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: |
flipviewrightbutton: |
||
flipviewtopbutton: |
flipviewbottombutton: |
- 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
- Création de boutons d'édition Metropolis UI avec des glyphes incorporés
- Création d'une barre d'application Metropolis UI
- Application des styles FireMonkey
- Concepteur de styles FireMonkey
- Création d'un composant FireMonkey (Delphi)
- Création d'un composant FireMonkey (C++)
- Création d'un composant FireMonkey stylé par extension d'un composant existant
- Création d'un éditeur de composants et d'un éditeur de propriétés pour les composants FireMonkey
- Tutoriel mobile : Utilisation d'un composant Bouton avec différents styles (iOS et Android)