Utilisation des dispositions pour organiser les composants

De Appmethod Topics
Aller à : navigation, rechercher

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 Object Pascal > Application multi-périphérique > Application vide :
    FireMonkey HD Application.png
     Création d'une application Object Pascal HD
  2. Ajoutez un TLayout à la fiche.
  3. Ajoutez à la fiche :
  4. Dans l'inspecteur d'objets, effectuez les modifications suivantes :
    • Pour le bouton, définissez Align sur MostTop.
    • Pour le libellé, définissez Align sur VertCenter.
    Layoput on form.png
    Layout properties.png
  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.
    Copy layout.pngPaste layout.png
  6. Pivotez la seconde disposition en définissant RotationAngle sur -60.
    The rotated layout 2.png
  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 :
    Final patern 2.png
  8. Exécutez le projet en appuyant sur F9. Le résultat doit ressembler à ceci :
    Final pattern at run time.png
  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 :
    Final pattern at run time1.png

Suivant

Voir aussi