Vue Structure

De RAD Studio
Aller à : navigation, rechercher

Remonter à Menu Voir

Voir > Structure

La vue Structure :

  • S'affiche dans le volet supérieur droit de l'EDI lorsque vous travaillez dans le Concepteur de fiches.
    C'est le même volet que celui utilisé par l'explorateur de code lorsque vous modifiez le code dans l'éditeur de code.
  • Affiche un diagramme de type arborescent qui montre la hiérarchie des éléments dans la fenêtre active (c'est-à-dire l'éditeur de code ou le Concepteur de fiches), comme suit :
  • Composants affichés sur le Concepteur de fiches.
    • Cliquez sur un composant dans la vue Structure pour le sélectionner sur la fiche.
  • Code source ou HTML affiché dans l'éditeur de code.
    • Le fait de double-cliquer sur un élément de la vue Structure permet d'accéder directement à sa déclaration ou à son emplacement dans l'éditeur de code.

Si votre code contient des erreurs de syntaxe, celles-ci s'affichent dans le noeud Erreurs de l'explorateur de code. Double-cliquez sur une erreur pour localiser le source correspondant dans l'éditeur de code. (Non applicable au développement C++).

  • Conseil : Pour contrôler le contenu et l'aspect de la vue Structure et de l'explorateur de code, choisissez Outils > Options > Options d'environnement > Explorateur et modifiez les paramètres.

Gestion de l'imbrication de composants

Lorsque vous utilisez le Concepteur de fiches, la vue Structure affiche une vue arborescente qui représente les relations parent-enfant entre les composants de la fiche ou du module de données en cours. Vous pouvez utiliser la vue Structure pour modifier ces relations parent-enfants.

Pour changer le parent d'un composant, faites-glisser le composant dans la vue Structure vers son nouveau parent. Cela a pour effet d'actualiser la vue arborescente de la vue Structure et la fiche ou le module de données dans le Concepteur de fiches conformément aux modifications effectuées.

Changement de parent pour RippleEffect1 : Form1 est remplacé par Image1 :

RippleEffectOnStructure.png
SetRippleEffectAsChild.png
RippleEffectAsChildOfImage.png

Noeuds et éléments affichés dans la vue Structure

La structure arborescente de la vue Structure fournit différents types d'informations selon l'outil en cours d'utilisation (Editeur de code ou Concepteur de fiches) et le langage du document en cours (Delphi, C++ ou HTML). Lorsque vous modifiez du code, la vue Structure contient l'explorateur de code.

Noeuds et éléments affichés pour le Concepteur de fiches

Lorsque vous utilisez le Concepteur de fiches, la vue Structure affiche une vue arborescente qui représente les relations parent-enfant entre les composants de la fiche ou du module de données en cours. Chaque élément de la vue arborescente a un libellé correspondant au nom du composant et une icône qui représente le type du composant :

  • ViewStructureDesignerForm.png Fiche
  • ViewStructureDesignerDataModule.png Module de données
  • ViewStructureDesignerContainer.png Conteneur ou cadre

Lorsqu'ils sont disponibles, les contrôles et les composants non visuels apparaissent sur la vue Structure avec les mêmes icônes que dans la palette d'outils.

S'il n'existe pas d'équivalent pour un composant sur la palette d'outils, la vue Structure affiche une icône par défaut. Par exemple, c'est le cas du TListBoxItem d'un TListBox.

Icônes par défaut :

  • ViewStructureDesignerContainer.png pour les contrôles conteneurs ;
  • ViewStructureDesignerControl.png pour les contrôles non conteneurs ;
  • ViewStructureDesignerNonvisualComponent.png pour les composants non visuels et les autres entrées, comme les propriétés.

Noeuds et éléments de l'explorateur de code (Delphi)

Lorsque vous modifiez un fichier source Delphi dans l'éditeur de code, la vue Structure devient l'explorateur de code et affiche une vue arborescente qui contient les informations suivantes :

  • Icon interf.png <Nom d'interface>(<Classe parent>)
    • ViewStructureDelphiFolder.png Noeud Properties
      • Icon constant.png <Nom de propriété> : <Type de propriété>
    • ViewStructureDelphiFolder.png Noeud Methods
      • Icon proc.png <Nom de procédure>(<Liste de paramètres>)
      • Icon func.png <Nom de fonction>(<Liste de paramètres>) : <Type de retour>
  • ViewStructureDelphiFolder.png Noeud Classes
    • Icon class.png <Classe>(<Classe parent>)
      • Icon constant.png <Nom de propriété privée> : <Type de propriété>
      • Icon proc.png <Nom de procédure privée>(<Liste de paramètres>)
      • Icon func.png <Nom de fonction privée>(<Liste de paramètres>) : <Type de retour>
      • ViewStructureDelphiFolder.png Noeud Protected
        • Icon constant.png <Nom de propriété protégée> : <Type de propriété>
        • Icon proc.png <Nom de procédure protégée>(<Liste de paramètres>)
        • Icon func.png <Nom de fonction protégée>(<Liste de paramètres>) : <Type de retour>
      • ViewStructureDelphiFolder.png Noeud Public
        • Icon constant.png <Nom de propriété publique> : <Type de propriété>
        • Icon proc.png <Nom de procédure publique>(<Liste de paramètres>)
        • Icon func.png <Nom de fonction publique>(<Liste de paramètres>) : <Type de retour>
      • ViewStructureDelphiFolder.png Noeud Published
        • Icon constant.png <Nom de propriété publiée> : <Type de propriété>
        • Icon proc.png <Nom de procédure publiée>(<Liste de paramètres>)
        • Icon func.png <Nom de fonction publiée>(<Liste de paramètres>) : <Type de retour>
  • ViewStructureDelphiFolder.png Noeud Procedures
    • Icon proc.png <Nom de procédure>(<Liste de paramètres>)
  • ViewStructureDelphiFolder.png Noeud Types
    • Icon type.png <Nom de type>
  • ViewStructureDelphiFolder.png Noeud Variables/Constants
    • Icon constant.png <Nom de constante>
    • Icon constant.png <Nom de variable> : <Type de variable ou Classe>
  • ViewStructureDelphiFolder.png Noeud Uses
    • Icon unit.png <Nom d'unité>

Noeuds et éléments de l'explorateur de code (C++)

Lorsque vous modifiez un fichier source C++ dans l'éditeur de code, la vue Structure devient l'explorateur de code et affiche une vue arborescente qui contient les informations suivantes :

  • ViewStructureCppIncludesFolder.png Noeud Includes
    • ViewStructureCppInclude.png <Nom de fichier Include>
  • ViewStructureCppFolder.png Noeud Macros
    • ViewStructureCppMacro.png <Nom de macro>
  • ViewStructureCppClass.png <Nom de classe>
    • ViewStructureCppConstructor.png <Nom de constructeur>(<Liste de paramètres>)
    • ViewStructureCppDestructor.png <Nom de destructeur>(<Liste de paramètres>)
    • ViewStructureCppProperty.png <Nom de propriété>(<Liste de paramètres>)
    • ViewStructureCppFunction.png <Nom de fonction>(<Liste de paramètres>)
  • ViewStructureCppConstructor.png <Nom de constructeur>(<Liste de paramètres>)
  • ViewStructureCppDestructor.png <Nom de destructeur>(<Liste de paramètres>)
  • ViewStructureCppProperty.png <Nom de propriété>(<Liste de paramètres>)
  • ViewStructureCppFunction.png <Nom de fonction>(<Liste de paramètres>)

Noeuds et éléments de l'explorateur de code (HTML)

Les documents HTML sont écrits en respectant une structure hiérarchique. L'explorateur de code affiche une vue arborescente représentant cette structure à des fins de navigation. Chaque noeud de la structure a un libellé correspondant à la balise initiale de l'élément HTML représenté par le noeud.

Voici un exemple de vue arborescente d'un document HTML simple :

 DOCTYPE
 <html>
  <head>
   <title>
  <body>
   <p>

Menus contextuels de la vue Structure et de l'explorateur de code

Les commandes disponibles dans le menu contextuel sont différentes selon que la vue Structure ou l'explorateur de code est affiché(e). Cliquez avec le bouton droit dans le volet pour afficher les commandes suivantes :

Elément Description

Nouveau

Ajoute un nouveau noeud à la vue Structure.

Renommer

Change le nom du noeud sélectionné dans la vue Structure.

Edition

Affiche un sous-menu grâce auquel vous pouvez annuler les modifications, couper, copier, coller, supprimer ou sélectionner les contrôles du Concepteur ou de l'éditeur de code.

Contrôle

Affiche un sous-menu grâce auquel vous pouvez placer le contrôle sélectionné au premier plan ou à l'arrière-plan du Concepteur.

Basculer Mode édition

Permute entre un affichage en mode standard ou édition. Cette commande permute la propriété EditMode sur (True (mode édition) ou False (mode standard). Apparaît lorsque vous cliquez avec le bouton droit sur un contrôle vue liste.

Basculer Mode conception

Active le mode Conception des vues liste qui vous permet de personnaliser visuellement l'apparence des éléments Vue liste à la conception. Apparaît lorsque vous cliquez avec le bouton droit sur un contrôle Vue liste.

Lier visuellement

Ouvre le Concepteur LiveBindings.

Propriétés

Affiche la boîte de dialogue Options de l'explorateur, dans laquelle vous pouvez modifier le contenu et l'aspect de l'explorateur de code.

Rester au-dessus

Affiche la vue Structure au premier plan du bureau, même si d'autres fenêtres sont affichées.

Ancrable

Permet de faire glisser et d'ancrer la vue Structure.

Barre d'outils (C++)

La vue Structure contient une barre d'outils pour le développement d'applications C++ ; elle vous permet de contrôler l'affichage du contenu de la vue Structure. Elle est constituée des boutons suivants :

Tri alphabétique Trier alphabétiquement

Trie alphabétiquement le contenu de la vue Structure.

Types de groupes Grouper par type

Groupe les éléments dans des dossiers par type dans la vue Structure.

GroupByVisibility.png Grouper par visibilité

Groupe les membres de classe dans les dossiers par visibilité : public, protected, private et published. Pour C++, 'Classes' est un groupe générique qui englobe classes, structs, unions et templates.

Afficher le type Afficher le type de variable et de fonction

Affiche le type sur la droite du membre dans la vue Structure.

Filtrer la visibilité Filtrer par visibilité (private, protected, public, __published)

Bascule l'affichage de la vue Structure entre plusieurs niveaux de visibilité. Vous pouvez sélectivement afficher différentes combinaisons d'éléments déclarés avec les spécificateurs d'accès __published, public, protected et private.

Les quatre bulles d'aide successives (avec les barres verticales 1 - 4) indiquent les éléments qui sont actuellement affichés, comme suit :

Libellé de bouton et bulle d'aide

Signifie que les éléments suivants sont affichés

Filter1.png Filtrer par visibilité (__published)

Uniquement __published

Filter2.png Filtrer par visibilité (public, __published)

A la fois public et __published

Filter3.png Filtrer par visibilité (protected, public, __published)

Protected, public, et __published

Filter4.png Filtrer par visibilité (private, protected, public, __published)

Les quatre niveaux de visibilité

Voir aussi