Übung: Verschiedene Schaltflächen Erstellen

Lassen Sie uns einige Erkenntnisse aus dem gesamten Abschnitt besprechen:

1. Dropdown-, Checkbox-, Radio- und Bewertungsbuttons zeigen, wie kleine Designänderungen Buttons für verschiedene UI- und UX-Anforderungen anpassen können;
2. Wiederverwendbare Button-Typen sparen Zeit in zukünftigen Projekten und sorgen für Konsistenz im Design;
3. Komponentenvarianten vereinfachen die Verwaltung mehrerer Button-Zustände (z. B. Standard, Hover, Aktiv). Eigenschaften wie Symbole, Text und Zustände können angepasst werden, ohne Komponenten zu duplizieren, was Unordnung reduziert. Und Funktionen wie "Instanztausch-Eigenschaft" und "Boolesche Eigenschaften" erleichtern das Ein- und Ausschalten von Elementen oder den Austausch von Symbolen, wodurch manuelle Anpassungen reduziert werden;
4. Auto-Layout sorgt für konsistente Abstände und Ausrichtung beim Anordnen von Buttons oder anderen Designelementen. Es vereinfacht den Prozess, Buttons an Größenänderungen oder Änderungen anzupassen;
5. Gut benannte und organisierte Komponenten und Varianten vermeiden Verwirrung, insbesondere in großen Projekten. Und das Gruppieren von Elementen in Rahmen oder Komponenten sorgt für einfachere Navigation und Wiederverwendung.

Erstellen Sie einen "Toggle"-Button-Schalter mit einem funktionierenden Prototyp ähnlich dem untenstehenden Bild. Beachten Sie die Verbindungspfeile und die Interaktionseinstellungen.