Parameter hinzufügen

Parameter sind die veränderbaren Aspekte eines UI-Pakets. Der Relay-Workflow unterstützt zwei Arten von Parametern: Inhaltsparameter und Interaktions-Handler.

  • Mit Inhaltsparametern können mit dem Compose-Code Elemente eines UI-Pakets wie Inhalt und Stil dynamisch geändert werden.
  • Mit Interaktions-Handlern kann der Code zum Schreiben auf Nutzereingaben reagieren, z. B. auf langes Drücken oder Doppeltippen.

Sie können dem UI-Paket oder seinen untergeordneten Elementen Parameter hinzufügen. Parameterbindungen werden auch für alle Figma-Varianten verwendet, wenn ihre Zielebenen identische Namen haben. Jeder Parameter wird im generierten Code in zusammensetzbare Funktionsparameter umgewandelt.

Parameter in Figma und im generierten Code

Parameterattribute

Der Ebenentyp in Figma bestimmt, welche Parametereigenschaften verfügbar sind:

Alle Ebenen

tap-handler (gibt an, dass eine Ebene angetippt werden kann)

  • Der Parameter () -> Unit wird im Code generiert.

doubletap-handler (gibt an, dass auf eine Ebene doppelt angetippt werden kann)

  • Der Parameter () -> Unit wird im Code generiert.

longpress-handler (gibt an, dass eine Ebene lange gedrückt werden kann)

  • Der Parameter () -> Unit wird im Code generiert.

Frame- oder Gruppenebene

children (Ebeneninhalte)

Hintergrundfarbe

  • Der Parameter Color wird im Code generiert.

adding (automatischer Abstand im Layout)

Rahmenradius

  • Der Parameter Double wird im Code generiert.

Textebene

Text-Inhalt

color (Textfarbe)

  • Der Parameter Color wird im Code generiert.

Bildebene

Bildinhalt

  • Painter-Parameter wird im Code generiert.

Parameter hinzufügen

  1. Wählen Sie einen Komponenten-Layer aus.

  2. Klicken Sie auf + und wählen Sie eine Parametereigenschaft aus.

    Parameter hinzufügen

Parameter umbenennen

  1. Wählen Sie einen Parameter aus.
  2. Bearbeiten Sie das Feld Name.

Parameter entfernen

  1. Wählen Sie einen Parameter aus.
  2. Klicken Sie auf das Papierkorbsymbol.