Tutoriel : Utilisation de l'éditeur BitmapLinks

De RAD Studio
Aller à : navigation, rechercher

Remonter à Tutoriels FireMonkey

Ce tutoriel explique comment modifier les propriétés TBitmapLink d'un composant TButton avec l'éditeur BitmapLinks.

Considérons une application multi-périphérique incluant un bouton. Le bouton a des couleurs d'arrière-plan différentes pour chacun des types de liens possibles, listés dans le tableau suivant :

Type de lien Définition

NormalLink

Le statut par défaut.

FocusedLink

Un lien détenant la focalisation. Dans notre scénario, lorsque le bouton prend la focalisation, par exemple lorsque la souris pointe sur le bouton.

PressedLink

Un lien cliqué. Dans notre scénario, lors d'un clic sur le bouton.

HotLink

Un lien visité. Dans notre scénario, après un clic sur le bouton.

Personnalisation des propriétés BitmapLink pour un bouton

Cette section illustre comment personnaliser l'arrière-plan du bouton. Procédez comme suit :

  1. Créez une nouvelle application multi-périphérique, Delphi ou C++Builder.
  2. Sur le Concepteur de fiches, déposez un composant TButton.
  3. Pour ouvrir le Concepteur de styles FireMonkey, cliquez avec le bouton droit sur le bouton, et sélectionnez Modifier un style personnalisé sur le menu contextuel.
  4. Dans le volet Structure, sélectionnez le noeud background.
  5. Dans l'inspecteur d'objets, sélectionnez la propriété NormalLink et double-cliquez sur sa valeur pour ouvrir l'éditeur BitmapLinks.
  6. Dans l'éditeur BitmapLinks, cliquez sur BitmapLinks Editor Open.png pour charger le fichier image que vous voulez utiliser pour personnaliser le bouton.
    Dans notre exemple, nous utilisons le fichier image suivant :
    Colored Buttons.png
  7. Sélectionnez NormalLink dans le panneau Liens.
  8. Sélectionnez la résolution dans le panneau Résolutions.

    Remarque : Pour le style Windows, la seule résolution disponible est Echelle 1,00x.

  9. Dans le bitmap, sélectionnez une zone à utiliser comme arrière-plan du bouton.

    Remarque : La sélection apparaît sur le panneau Prévisualisation. Dans notre scénario, pour NormalLink, nous avons sélectionné le rectangle bleu.

    BitmapLinks Selection.png
  10. Effectuez les étapes 7 à 9 pour chacun de ces liens : HotLink, FocusedLink et PressedLink.
  11. Cliquez sur Fermer pour sortir de l'éditeur BitmapLinks.
  12. Appliquez les modifications dans le Concepteur de styles FireMonkey, cliquez sur Appliquer et fermer.
  13. Exécutez l'application pour voir les résultats.

Voir aussi