Utilisation des dispositions pour organiser les composants

Remonter à Tutoriel : Utilisation des dispositions FireMonkey

Ce tutoriel montre comment utiliser les dispositions FireMonkey pour organiser les composants 2D dans un motif arrondi.

1. Sélectionnez Fichier > Nouveau > Autre > Projets Delphi > Application FireMonkey HD :
   

   

    Création d'une application Delphi HD

2. Ajoutez un TLayout à la fiche.
3. Ajoutez à la fiche :

   • Un TButton
   • Un TLabel

   

4. Dans l'inspecteur d'objets, effectuez les modifications suivantes :

   • Pour le bouton, définissez Align sur alMostTop.
   • Pour le libellé, définissez Align sur alVertCenter.
   • Pour la disposition, déplacez le point central de la rotation au milieu du bord inférieur en définissant RotationCenter.X sur 0.5, et RotationCenter.Y sur 1.
   • Pivotez la disposition en définissant RotationAngle sur -90.

   

5. Dans la vue Structure, cliquez avec le bouton droit sur la disposition et suivez les étapes des images ci-dessous pour copier et coller la disposition sur la fiche.

   

6. Pivotez la seconde disposition en définissant RotationAngle sur -60.

   

7. Copiez et collez la dernière disposition modifiée, et changez son RotationAngle de 30 degrés de plus que la disposition précédente, jusqu'à atteindre un RotationAngle de 90.

   Voici le motif final :

   

8. Exécutez le projet en appuyant sur F9. Le résultat doit ressembler à ceci :

   

9. Pour obtenir un effet visuel différent, allez dans l'inspecteur d'objets et changez la propriété RotationAngle de chaque libellé sur la fiche, à 90 :

   

Suivant

• Utilisation des dispositions pour créer un effet à l'échelle

Voir aussi

• Création d'un composant FireMonkey (Delphi)
• Création d'un composant FireMonkey (C++)
• Application FireMonkey HD