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 HD FireMonkey. Le Concepteur de fiches s'exécute automatiquement quand vous créez une application graphique qui utilise un fichier fiche : un fichier .dfm ou .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 les commandes 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.
Les propriétés et événements des composants visuels et non visuels du Concepteur de fiches peuvent être visualisés et définis en utilisant l'inspecteur d'objets.
Aperçu du positionneur de fiches (VCL seulement) 
Le positionneur de fiches vous permet de positionner les fiches les unes par rapport aux autres, au fur et à mesure de la conception de votre application (il fait uniquement partie du Concepteur de fiches VCL). 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
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 de fiches mobiles FireMonkey
Losque vous créez ou modifiez une fiche mobile FireMonkey, un concepteur de fiches doté de fonctionnalités spécifiques pour le développement mobile s'affiche. Pour plus de détails, voir Concepteur de fiches mobiles FireMonkey.
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 zone de liste déroulante 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 à proximité 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 de fiches. 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.
Lors de la conception de la fiche, une image est copiée dans le Presse-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.
- Remarque : Cette section décrit seulement les entrées du menu contextuel lors de la modification d'une fiche. Pour les modules de données, voir Menu contextuel des modules de données.
| Elément | Description |
|---|---|
|
Editeur d'éléments (certains composants FireMonkey) |
Ouvre le Concepteur d'éléments avec la focalisation sur le contrôle sélectionné. |
|
Ajouter un élément (certains composants FireMonkey) |
Vous permet d'ajouter un élément au contrôle sélectionné sur la fiche. Par exemple, si vous ajoutez un contrôle TEdit sur une fiche FireMonkey Metropolis UI, vous pouvez cliquer avec le bouton droit sur le contrôle TEdit, sélectionner Ajouter un élément et ajouter un glyphe incorporé tel que TPasswordEditButton. |
|
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 : |
|
(seulement si activé dans Outils > Options > LiveBindings) |
Ouvre l'expert LiveBindings. |
|
Ouvre le Concepteur LiveBindings. | |
|
Position |
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 |
Invoque la boîte de dialogue Ordre de tabulation. |
|
Ordre de création (composants non visuels) |
Ouvre la boîte de dialogue Ordre de création. |
|
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. Voir Revenir aux valeurs héritées. | |
|
Ajouter au référentiel |
Ouvre la boîte de dialogue Ajouter au référentiel. |
|
Ouvre le fichier fiche en cours commme texte dans la fenêtre Editeur de code. Voir Voir comme texte. | |
|
Enregistre le fichier fiche au format texte (activé) ou au format binaire (désactivé). Voir DFM texte ou FMX texte. | |
|
Convertit les propriétés de style de l'application en cours afin qu'elles correspondent aux propriétés de style Windows Metropolis UI. Voir Développement des applications Metropolis UI. | |
|
Modifier le style par défaut (contrôles 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, la boîte de dialogue d'ouverture de fichiers standard est affichée. |