Concepteur de fiches
Remonter à Introduction à RAD Studio
Le Concepteur de fiches (ou Concepteur) est affiché automatiquement quand vous créez ou éditez une fiche, telle qu'une application Fiches VCL ou une application FireMonkey HD. Le Concepteur de fiches s'exécute automatiquement quand vous créez une application graphique qui utilise un fichier fiche : un fichier .dfm ou un fichier .fmx. Pour attribuer la focalisation au Concepteur de fiches quand un projet visuel est ouvert dans l'EDI, cliquez sur l'onglet Conception en bas de la fenêtre d'édition principale.
L'apparence et les fonctionnalités du Concepteur changent selon le type de fiche que vous créez ou éditez. Par exemple, si vous utilisez un élément HTML, vous pouvez afficher l'éditeur de balise HTML dans le Concepteur en sélectionnant Voir > Editeur de balise.
FireMonkey et VCL ont des Concepteurs de fiches similaires, mais des fiches différentes
Voici les fiches FireMonkey et VCL telles qu'elles apparaissent (séparément) dans le Concepteur de fiches quand vous créez une application FireMonkey ou une application VCL :
|
Fiche FireMonkey |
|
|
Fiche VCL |
|
Les deux fiches semblent différentes, car une fiche VCL est une fiche Windows native, tandis qu'une fiche FireMonkey est indépendante de la plate-forme et est dessinée de façon personnalisée par les outils FireMonkey. Par exemple, une fiche VCL affiche les boutons Windows standard pour minimiser, redimensionner et fermer. Toutefois, dans une fiche FireMonkey, des emplacements réservés apparaissent à la place de ces boutons spécifiques à la plate-forme.
Malgré ces différences visuelles, le Concepteur de fiches fonctionne presque de la même façon pour FireMonkey et VCL. Voici une différence : plusieurs commandes de menu contextuel différentes sont supportées pour FireMonkey et VCL.
Composants visuels
Vous pouvez ajouter des composants visuels à votre fiche en les faisant glisser de la Palette d'outils, située dans la section inférieure droite de l'EDI, jusqu'à la fiche que vous créez. Ce sont les composants qui seront visibles à l'utilisateur final au moment de l'exécution. Les objets de la Palette d'outils changent dynamiquement selon le type de l'application ou de la fiche en cours de conception.
La palette d'outils inclut des contrôles tels que des boutons, des libellés, des barres d'outils et des zones de liste pour chacune des diverses catégories d'outils ; des types d'applications si vous travaillez au niveau projet, par exemple des experts DLL, des applications console ou logo ; des contrôles web, des éléments HTML et des composants de données quand vous travaillez sur une application web.
Aperçu du positionneur de fiches (VCL seulement) 
Le positionneur de fiches, partie du Concepteur de fiches VCL seulement, vous permet de positionner les fiches les unes par rapport aux autres, au fur et à mesure de la conception de votre application. L'icône Aperçu du positionneur de fiches, située dans le coin inférieur droit du Concepteur, montre le positionnement de votre fiche telle qu'elle apparaîtra à l'écran lors de l'exécution.
Pour activer le positionneur de fiches, cliquez sur l'icône Aperçu 
. Lors du déplacement de votre fiche dans le positionneur de fiches, un conseil affiche les coordonnées x,y du coin supérieur gauche de la fiche.
Dans les coordonnées x,y :
- x représente la propriété Left de la fiche.
- y représente la propriété Top de la fiche.
Par exemple, les coordonnées 0,0 indiquent que la fiche est située dans le coin supérieur gauche de l'écran.
Composants non visuels et corbeille de composants
Les composants non visuels sont attachés à la fiche, mais ils ne sont visibles que pendant la conception ; ils ne sont pas visibles pour l'utilisateur final à l'exécution. Vous pouvez utiliser les composants non visuels pour réutiliser des groupes d'objets de base de données ou système ou pour isoler des parties de votre application qui gèrent la connexion de base de données ou des règles métier.
Concepteur HTML
Utilisez le concepteur HTML pour visualiser et modifier les fiches Web ou les pages HTML. Il est possible de demander que par défaut, le concepteur HTML affiche une disposition soit de forme grille soit de forme flux. Choisissez Outils > Options, puis sélectionnez Options HTML dans l'arborescence de gauche. Vous voyez alors les options Disposition de page par défaut qui vous permettent de sélectionner l'option Disposition Grille ou Disposition Flux. Ce concepteur comporte un Editeur de balise pour modifier les balises HTML avec la représentation visuelle de la fiche ou de la page. Vous pouvez aussi utiliser l'inspecteur d'objets pour modifier les propriétés des éléments visibles de la page HTML et afficher les propriétés de la balise HTML en cours dans l'éditeur de balise. Une boîte à options située au-dessus de l'éditeur de balise vous permet d'afficher et de modifier les balises SCRIPT.
Pour créer un nouveau fichier HTML, choisissez Fichier > Nouveau > Autre > Documents Web > Page HTML.
Directives de conception (VCL seulement)
Quand vous disposez des composants sur une fiche, des directives de conception apparaissent sur le Concepteur de fiches, sur ou proche de la limite d'un composant. Les directives de conception sont les lignes verticales ou horizontales qui traversent les limites d'un contrôle visuel (directives pour le haut, le bas, la droite, la gauche, le centre et le texte). Vous pouvez utiliser les directives de conception comme des points "d'alignement" pour aligner des contrôles adjacents.
Quand vous déplacez la souris au-dessus d'un contrôle, une fenêtre contextuelle affiche des directives d'interface utilisateur, de façon à voir comment chaque composant doit adhérer aux règles, telles que la position de l'origine (horizontale, verticale), la taille du contrôle sélectionné, les arrêts de tabulation et l'ordre relatif d'un élément (dans les groupes, les zones de liste ou les menus).
Si l'option Accrocher à la grille est activée, ainsi que Utiliser les directives du concepteur, les directives du concepteur ont priorité. Cela signifie que si un point de la grille se trouve dans la tolérance du nouvel emplacement et qu'une directive se trouve aussi dans le voisinage, le contrôle respecte la directive et non la position sur la grille, même si la directive ne coïncide pas avec la position sur la grille. La tolérance d'alignement est déterminée par la taille de la grille. Même si les options Accrocher à la grille et Afficher la grille sont désactivées, le concepteur détermine la tolérance en fonction de la taille de la grille.
Pour activer ou désactiver les directives de conception, définissez le champ Utiliser les directives du concepteur sur la boîte de dialogue Outils > Options > Options d'environnement > Concepteur VCL. La fonctionnalité directives de conception est disponible seulement dans les applications VCL (pour Delphi et C++).
Pour de plus amples informations, voir Utilisation de directives du concepteur avec des composants VCL.
Prendre un instantané de votre fiche (VCL seulement)
L'EDI génère une image graphique de la fiche quand vous choisissez Edition > Copier alors que la focalisation se trouve sur le Concepteur de fiches.
Une image au moment de la conception de la fiche est copiée dans le Press-papiers en utilisant le format CF_BITMAP. Vous pouvez coller l'image graphique dans toute application qui accepte ce format (par exemple, MSPaint, Paint.net, Photoshop, et ainsi de suite).
En plus de l'image graphique, le flux de composants (contenant les valeurs de l'inspecteur d'objets) est généré, en tant que partie de la représentation texte des composants sélectionnés. Vous pouvez coller ce texte dans un éditeur de texte.
Menu contextuel
Quand vous cliquez avec le bouton droit sur une fiche dans le Concepteur de fiches, le menu contextuel est affiché. Les commandes de menu contextuel sont disponibles à la fois pour VCL et FireMonkey, sauf indication contraire dans le tableau suivant :
| Elément | Description |
|---|---|
|
Edition |
Effectuez une sélection parmi les sous-commandes d'édition suivantes, qui s'appliquent au contenu du Concepteur de fiches :
|
|
Contrôle |
Contrôle les couches d'avant-plan et d'arrière-plan du contrôle sélectionné. Choisissez parmi les sous-commandes suivantes : |
|
Nouveau LiveBinding (supporté seulement pour les contrôles utilisables dans LiveBindings, tels que TListBox, TButton, TStringGrid) |
Ouvre la boîte de dialogue Nouveau LiveBinding. |
|
Position (groupe de commandes Position pour VCL seulement) |
Définit l'alignement, la taille et l'échelle du contrôle sélectionné. Choisissez parmi les sous-commandes suivantes :
|
|
(fiches VCL) |
Inverse les enfants de droite et de gauche. Choisissez parmi les sous-commandes suivantes :
|
|
Ordre de tabulation (fiches VCL) |
Invoque la boîte de dialogue Ordre de tabulation. |
|
Ordre de création |
Ouvre la boîte de dialogue Ordre de création. |
|
(fiches FireMonkey) |
Aligne les objets sélectionnés sur la grille dans le Concepteur de fiches. |
|
Revenir aux valeurs héritées |
Réinitialise les propriétés, les méthodes et les événements du contrôle sélectionné sur les valeurs du contrôle de la classe de base. Si une fiche hérite des fonctionnalités et des propriétés de conception d'une autre fiche, vous pouvez choisir Revenir aux valeurs héritées, dans le menu contextuel de la fiche, pour restaurer la fiche à son état original. Par exemple, si, dans une fiche ayant hérité d'une autre fiche un bouton placé à un certain endroit, vous déplacez ce bouton, Revenir aux valeurs héritées replace le bouton à sa position originale. |
|
Aligner... (fiches FireMonkey) |
Ouvre la boîte de dialogue Alignement. |
|
Ajouter au référentiel |
Ouvre la boîte de dialogue Ajouter au référentiel. |
|
Voir comme texte |
Ouvre le fichier source en cours dans la fenêtre Editeur de code. Pour retourner au Concepteur de fiches, cliquez avec le bouton droit sur l'éditeur de code et cliquez sur Voir comme fiche dans le menu contextuel (ou appuyez sur |
|
DFM texte |
Enregistre le fichier fiche au format texte (activé) ou au format binaire (désactivé). Les fichiers fiche sont :
|
|
Modifier le style par défaut Modifier un style personnalisé (fiches FireMonkey) |
Ouvre le Concepteur de styles FireMonkey. Pour de plus amples informations, voir Personnalisation des applications FireMonkey avec les styles. |
|
Tester le dialogue (VCL seulement) |
Pour tous les dialogues VCL modaux, teste le dialogue. Ainsi, si vous cliquez avec le bouton droit sur un OpenDialog sur le Concepteur de fiches et sélectionnez Tester le dialogue, le dialogue d'ouverture de fichiers standard est affiché. |