Aggiungi parametri

I parametri sono gli aspetti modificabili di un pacchetto UI. Il flusso di lavoro di inoltro supporta due tipi di parametri: parametri dei contenuti e gestori di interazione.

  • I parametri dei contenuti consentono al codice di Compose di modificare dinamicamente gli elementi di un pacchetto UI, come contenuti e stili.
  • I gestori di interazione consentono al codice di Compose di rispondere all'input dell'utente, ad esempio le pressioni lunghe o i doppi tocchi.

Puoi aggiungere parametri al pacchetto UI o ai relativi elementi secondari. Anche le associazioni di parametri sono condivise tra le varianti di Figma se i loro livelli target hanno nomi identici. Ogni parametro viene trasformato in parametri di funzione componibile nel codice generato.

Parametri in Figma e codice generato

Proprietà dei parametri

Il tipo di livello in Figma determina quali proprietà parametro sono disponibili:

Tutti i livelli

tocca-handler (specifica un livello che può essere toccato)

  • Il parametro () -> Unit viene generato nel codice.

handler-doppio tocco (specifica che un livello può essere toccato due volte)

  • Il parametro () -> Unit viene generato nel codice.

longpress-handler (specifica che un livello può essere premuto a lungo)

  • Il parametro () -> Unit viene generato nel codice.

Livello frame o gruppo

children (contenuti dei livelli)

colore-sfondo

  • Il parametro Color viene generato nel codice.

Spaziatura interna (Spaziatura interna con layout automatico)

raggio-bordo

  • Il parametro Double viene generato nel codice.

Livello di testo

contenuti-testo

color (colore del testo)

  • Il parametro Color viene generato nel codice.

Livello immagine

contenuti-di-immagini

  • Il parametro Painter viene generato nel codice.

Aggiungere parametri

  1. Seleziona un livello del componente.
  2. Fai clic su + e seleziona una proprietà parametro.

    Aggiunta di un parametro

Rinomina parametri

  1. Seleziona un parametro.
  2. Modifica il campo Nome.

Rimuovi parametri

  1. Seleziona un parametro.
  2. Fai clic sull'icona del Cestino.