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 de bitmaps à 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, puis sélectionnez un template de style.
    L'arborescence d'objets, dans le volet gauche du Concepteur de styles de bitmaps, affiche les catégories suivantes :
    • Objets
    • Images
    • Fonts
    • Colors
    • SysColors
    Le volet central affiche une représentation du contrôle que vous avez sélectionné dans l'arborescence d'objets.
    Le volet Inspecteur, situé sur le côté droit, affiche les propriétés du contrôle sélectionné.
  3. Cliquez sur la flèche vers le bas de l’option 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 la flèche vers le bas de Images dans l'arborescence d'objets pour voir les bitmaps que vous pouvez utiliser pour la définition de votre style. Utilisez les boutons du volet central 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 (comme un bouton), définissez les propriétés correspondantes dans le volet de droite (Inspecteur).
    Par exemple, pour changer l'emplacement ou la taille d'une partie de style dans l'image de la barre de progression, développez ProgressBar dans la liste d’objets, sélectionnez BarHorz, puis cliquez sur les points de suspension [...] à côté de Bitmap dans l'inspecteur. La boîte de dialogue Propriétés du bitmap s’affiche. 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 de la barre de progression (ProgressBar) pour sélectionner le coin supérieur gauche, puis en cliquant avec le bouton droit pour définir le coin inférieur droit.
  6. Cliquez sur Fonts dans l'arborescence d'objets pour voir la liste des fontes disponibles pour les parties et les états des contrôles.
    Par exemple, RadioButtonTextPressed définit l'apparence du texte quand l’utilisateur appuie sur le bouton radio. 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 Colors 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 restituées 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 Fenêtre spécifie la couleur de l'arrière-plan de la fiche.
      Notez que le changement de cette couleur n'affecte pas la façon dont la partie du contrôle est restituée, mais 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 restitués 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 la restitution 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

Récupérée de « http://docwiki.embarcadero.com/RADStudio/Alexandria/f/index.php?title=Création_d%27un_style_à_l%27aide_du_Concepteur_de_styles_de_bitmaps&oldid=216863 »