Verwenden von Layouts zum Anordnen von Komponenten

Nach oben zu Tutorial: Verwenden von FireMonkey-Layouts

In diesem Tutorial wird gezeigt, wie 2D-Komponenten mit FireMonkey-Layouts kreisförmig angeordnet werden.

Wählen Sie Datei > Neu > Weitere > Delphi-Projekte > Geräteübergreifende Anwendungen > Leere Anwendung:

Erstellen einer Delphi-HD-Anwendung
Fügen Sie dem Formular eine TLayout-Komponente hinzu.
Fügen Sie dem Formular folgende Komponenten hinzu:
- Eine TButton-Komponente
- Eine TLabel-Komponente
Nehmen Sie im Objektinspektor die folgenden Änderungen vor:
- Setzen Sie für die Schaltfläche (TButton) Align auf MostTop.
- Setzen Sie für die Beschriftung (TLabel) Align auf VertCenter.
- Verschieben Sie für das Layout (TLayout) den Drehmittelpunkt in die Mitte der unter Ecke, indem Sie RotationCenter.X auf 0.5 und RotationCenter.Y auf 1 setzen.
- Drehen Sie das Layout durch Setzen von RotationAngle auf -90.
Klicken Sie in der Strukturansicht mit der rechten Maustaste auf das Layout, und führen Sie die in den folgenden Abbildungen dargestellten Schritte aus, um das Layout zu kopieren und in das Formular einzufügen.
Drehen Sie das zweite Layout durch Setzen von RotationAngle auf -60.
Kopieren Sie das zuletzt bearbeitete Layout, fügen Sie es ein, und ändern Sie dessen Eigenschaft RotationAngle in einen um 30 Grad höheren Wert. Wiederholen Sie diese Schritte solange, bis Sie einen RotationAngle von 90 erreichen.
So sieht das endgültige Muster aus:
Führen Sie das Projekt durch Drücken von F9 aus. Das Ergebnis sollte wie folgt aussehen:
Um einen anderen visuellen Effekt zu erzielen, ändern Sie im Objektinspektor die Eigenschaft RotationAngle für alle Beschriftungen auf dem Formular in 90: