Schaltflächengruppe — MRTK3

Schaltflächengruppe

Flexible und reaktionsfähige Schaltflächengruppen lassen sich einfach mit dem neuen Canvas-basierten Layoutsystem erstellen. Zuvor mussten Benutzer das ObjectBar Skript verwenden, um eine Sammlung von untergeordneten Elementen auf einer einzelnen Achse zu erstellen, und jedes untergeordnete Element musste manuell zur Liste der ObjectBarverwalteten untergeordneten Elemente hinzugefügt werden.

Mit der Canvas-basierten Benutzeroberfläche können Sie das integrierte RectTransform-basierte Layoutsystem nutzen, um einfach Zeilen, Spalten und Raster von UI-Komponenten zu erstellen und zu verwalten. Schaltflächenleisten und Raster können mit den HorizontalLayoutGroupUnityUI-Komponenten , VerticalLayoutGroupund GridLayoutGroup erstellt werden. Die untergeordneten Elemente werden automatisch gemäß den Einschränkungen, Abständen und Optionen angeordnet, die in der Layoutgruppe konfiguriert sind.

Schaltflächenleiste

Um eine horizontale oder vertikale "Leiste" von Schaltflächen (oder anderen Ui-Steuerelementen!) zu erstellen, können Sie ein einfaches Layout mit , HorizontalLayoutGroupVerticalLayoutGroupoder ContentSizeFittererstellen.

Konfigurieren des Layouts für eine horizontale Schaltflächenleiste

Konfigurieren des Layouts für eine vertikale Schaltflächenleiste

Beachten Sie, dass die untergeordneten Elemente dieser Komponenten für das automatische Layout über eine LayoutElement Komponente verfügen sollten, die die Layout-Engine über die mindest- und bevorzugten Größen für jedes untergeordnete Element informiert. Unsere Button-Prefabs sind mit diesen Komponenten vorinstalliert, aber Möglicherweise müssen Sie sie Ihren eigenen benutzerdefinierten Steuerelementen hinzufügen oder die minimale und bevorzugte Größe an Ihre Anforderungen anpassen.

Schaltflächenraster

Um ein flexibles Raster mit Schaltflächen zu erstellen, gilt das gleiche Layout und Design auf der Schaltflächenleiste, aber stattdessen wird ein GridLayoutGroup verwendet.

Konfigurieren des Layouts für ein Schaltflächenraster

Um die Anzahl der Zeilen oder Spalten anzupassen, wählen Sie den gewünschten Einschränkungstyp aus.

  • Fixed Column Count gibt die Anzahl der Spalten an. Die Anzahl der Zeilen wird in Abhängigkeit von der Anzahl der Elemente in der Auflistung umfließt.
  • Fixed Row Count gibt die Anzahl der Spalten an. Die Anzahl der Zeilen wird in Abhängigkeit von der Anzahl der Elemente in der Auflistung umfließt.
  • Flexible führt zu einer flexiblen Anzahl von Zeilen oder Spalten, abhängig von den in der ausgewählten Anpassungstypen ContentSizeFitter. Die Auswahl Preferred size für beide Anpassungstypen in der ContentSizeFitterführt zusammen mit einer Flexible Rastereinschränkung zu einem Rasterlayout, das versucht, größtenteils quadratisch/gerade zu sein, fügt jedoch bei Bedarf Zeilen oder Spalten entsprechend hinzu.

Weitere Informationen zur Verwendung des UnityUI-Layoutsystems finden Sie in der Dokumentation hier.