Création d'un style à l'aide du Concepteur de styles de bitmaps

De RAD Studio
Aller à : navigation, rechercher

Remonter à Travailler avec les styles VCL


La procédure suivante illustre la façon de créer un nouveau style Bitmap à l'aide du Concepteur de styles de bitmaps.

  1. Ouvrez le Concepteur de styles de bitmaps (Outils > Concepteur de styles de bitmaps).
  2. Choisissez Fichier > Nouveau.
    L'arborescence d'objets, dans le panneau de gauche du Concepteur de styles de bitmaps, affiche les catégories suivantes :
    • Objets
    • Images
    • Fontes
    • Couleurs
    • SysColors
    Le panneau du milieu affiche une représentation du contrôle que vous avez sélectionné dans l'arborescence d'objets.
    Le panneau Inspecteur, situé sur le côté droit, affiche les propriétés du contrôle sélectionné.
  3. Cliquez sur Objets dans l'arborescence d'objets pour voir la liste des contrôles qui peuvent être stylés.
    Chaque contrôle a un ensemble de parties et d'états qui peuvent être définis. Par exemple, l'objet CheckBox a les états Unchecked, Checked et Mixed, et vous pouvez choisir l'aspect désiré pour chaque état.
  4. Cliquez sur Images dans l'arborescence d'objets pour voir les bitmaps que vous pouvez utiliser pour la définition de votre style. Utilisez les boutons pour gérer la liste des bitmaps :
    • Ajouter
    • Supprimer
    • Mettre à jour
    • Exporter
  5. Pour choisir l'aspect d'un état ou d'une partie spécifique d'un contrôle, définissez les propriétés correspondantes dans le panneau Inspecteur.
    Par exemple, pour changer l'emplacement ou la taille d'une partie de style dans l'image pour la barre de progression, choisissez ProgressBar dans la liste des objets, sélectionnez BarHorz et cliquez sur Bitmap dans l'inspecteur d'objets. Une nouvelle boîte de dialogue apparaît. Choisissez l'image que vous voulez utiliser dans la zone de liste sur la gauche. Choisissez le rectangle devant apparaître en tant que barre de progression horizontale en cliquant avec le bouton gauche sur l'image pour sélectionner le coin supérieur gauche et en cliquant avec le bouton droit pour définir le coin inférieur droit.
  6. Cliquez sur Fontes dans l'arborescence d'objets pour voir la liste des fontes disponibles qui sont utilisées pour les parties et les états des contrôles.
    Par exemple, RadioButtonTextPressed définit l'apparence du texte quand le bouton radio est appuyé. Vous pouvez changer la fonte en cliquant sur Changer... ou seulement la couleur de la fonte en cliquant sur Changer la couleur. Pour accéder par programme aux couleurs des fontes dans cette liste, appelez StyleServices.GetStyleFontColor.
  7. Cliquez sur Couleurs dans l'arborescence d'objets pour voir la liste des couleurs de base qui sont utilisées dans le style en cours. Il existe deux catégories de couleurs :
    • La première catégorie inclut les couleurs utilisées pour les parties de contrôles qui sont rendues directement depuis une image. Dans ce cas, l'élément couleur offre une façon d'accéder à la couleur de cette image. Par exemple, l'élément Window spécifie la couleur de l'arrière-plan de la fiche.
      Sachez que le changement de cette couleur n'affecte pas la façon dont la partie du contrôle est rendue, c'est seulement une façon d'accéder par programme à cette couleur. Pour ce faire, appelez StyleServices.GetStyleColor.
      Par exemple, pour obtenir la couleur utilisée pour l'arrière-plan de la fiche, appelez StyleServices.GetStyleColor(scWindow).
    • La seconde catégorie inclut les couleurs utilisées pour les contrôles qui sont rendus depuis le code à l'exécution (Panel, ListBox, Grid et ainsi de suite). Dans ce cas, la modification de la couleur dans la liste Couleurs change l'apparence du contrôle.
  8. Cliquez sur SysColors dans l'arborescence d'objets pour voir la liste des couleurs système équivalentes qui sont utilisées dans le style en cours. Les couleurs système offrent une façon d'obtenir des couleurs similaires aux couleurs de style pour les constantes des couleurs système.
    Par exemple, si vous utilisez clBtnFace dans votre code pour effectuer le rendu d'un contrôle, appelez StyleServices.GetSystemColor(clBtnFace) pour que votre style de contrôle soit activé.
  9. Choisissez Style > Tester ou appuyez sur F9 pour voir un exemple de votre style pour différents contrôles.

Voir aussi