Schaltflächen und Auto-Layout

Schritt 1: Auto-Layout hinzufügen

Wählen Sie mehrere Elemente aus (z. B. ein Symbol und Text), klicken Sie mit der rechten Maustaste und wählen Sie Auto-Layout hinzufügen oder verwenden Sie die Verknüpfung Shift + A. Alternativ klicken Sie auf das Auto-Layout-Symbol im Design-Panel unter Layout.

Schritt 2: Erkennen Sie den Auto-Layout-Rahmen

Das Rahmensymbol im Ebenen-Panel ändert sich, um anzuzeigen, dass es sich um einen Auto-Layout-Rahmen handelt. Dies bedeutet, dass der Rahmen sich jetzt dynamisch an seine Kindobjekte anpasst.

Schritt 3: Rahmeneinstellungen anpassen

Auto-Layout fügt dynamische Rahmen hinzu, die sich basierend auf ihren Kindobjekten anpassen. Sie können die Füllung, den Eckenradius und die Abmessungen des Rahmens entweder horizontal oder vertikal anpassen. Verwenden Sie Größenänderungsoptionen wie Inhalt umschließen, um sicherzustellen, dass der Rahmen sich an seinen Text anpasst.

Schritt 4: Layout-Richtung und Abstände anpassen

Ändern Sie die Layout-Richtung (horizontal, vertikal oder umwickeln). Passen Sie den horizontalen Abstand zwischen Elementen an oder fügen Sie Abstand hinzu, um negativen Raum um Elemente zu schaffen.

Schritt 5: Stellen Sie die Reaktionsfähigkeit der Schaltfläche sicher

Mit Auto-Layout erstellte Schaltflächen erweitern oder verkleinern sich automatisch, wenn Text eingegeben wird, um Reaktionsfähigkeit zu gewährleisten. Dies ist ideal für Designs, die Anpassungsfähigkeit erfordern.

Schritt 6: Elemente stapeln und gruppieren

Stapeln Sie Elemente übereinander und wenden Sie dann Auto-Layout an, um sie zu gruppieren. Dies ermöglicht es Ihnen, organisierte, reaktionsfähige Designs zu erstellen.

Schritt 7: Erweiterte Einstellungen ändern

Passen Sie die Auto-Layout-Einstellungen an, um das Verhalten von Strichen und Stapeln innerhalb des Auto-Layout-Rahmens zu steuern. Ändern Sie das Stapelverhalten, um Objekte bei Bedarf übereinander zu schichten.

Auto-Layout vereinfacht den Prozess der Erstellung von Schaltflächen und anderen reaktionsfähigen Designs, sodass sie sich nahtlos an Inhalts- und Layoutänderungen anpassen können.