Impostazioni di look and feel:
Name(obbligatorio) - nome del componente.
Direction(obbligatorio) - Come sono disposti gli elementi all'interno del contenitore, verticalmente o orizzontalmente. Orizzontale è l'impostazione predefinita.
Wrap(obbligatorio) - avvolgimento del contenuto quando supera i limiti del contenitore. Nowrap per impostazione predefinita
Alignment (obbligatorio) - allineamento degli elementi in un contenitore. Inizio per impostazione predefinita.
Sizes(obbligatorio) - Dimensioni del contenitore. In pixel o in percentuale. Larghezza 100% per impostazione predefinita
Max Width (obbligatorio) - larghezza massima del contenitore in pixel o in percentuale. 100% per impostazione predefinita.
Margin(obbligatorio) - rientro esterno. 0 per impostazione predefinita.
Padding(obbligatorio) - rientro interno. 0 per impostazione predefinita Immagine, gradiente o sovrapposizione (non obbligatorio) - per lo sfondo.
Background color (non obbligatorio) - colore primario per lo sfondo.
Border(non obbligatorio) - impostazioni del bordo del componente.
Visible(obbligatorio) - rende visibile il componente se attivato. Abilitato per impostazione predefinita.
Inneschi del flusso di lavoro:
- onCreate- si attiva quando l'elemento viene creato nella pagina;
- onShow- si attiva quando il componente cambia il suo stato in visibile (visualizzato nella pagina);
- onHide- si attiva quando il componente cambia il suo stato in hidden (non viene più visualizzato);
- onDestroy- si attiva quando il componente viene distrutto;
- onClick- si attiva quando il componente viene cliccato.
Azioni del componente:
Container get properties
Ottiene le proprietà del contenitore.
Parametri di ingresso:
- Component Id [string] - identificatore del componente contenitore.
Parametri di output:
- Width[string] - larghezza dei componenti;
- Height[string] - altezza dei componenti;
- Flex direction [enum] - direzione dei componenti;
- Wrap[enum] - l'avvolgimento dei componenti;
- Alignment horizontal [enum] - allineamento del componente in orizzontale;
- Alignment vertical [enum] - allineamento verticale del componente;
- Margin[string] - margine del componente;
- Padding[string] - padding del componente;
- Border[string] - il bordo del componente;
- Background color[string] - colore di sfondo del componente;
- Visible[boolean] - stato di visibilità del componente.
Container set properties
Ottiene le proprietà del contenitore.
Parametri di ingresso:
- Id componente [stringa] - identificatore del componente del contenitore.
Parametri di output:
- Width[string] - larghezza dei componenti;
- Height [string] - altezza dei componenti;
- Flex direction [enum] - direzione dei componenti;
- Wrap [enum] - Avvolgimento dei componenti;
- Alignment horizontal[enum] - allineamento dei componenti in orizzontale;
- Alignment vertical [enum] - allineamento verticale del componente;
- Margin[string] - margine del componente;
- Padding[string] - padding del componente;
- Border[string] - il bordo del componente;
- Background color [string] - colore di sfondo del componente;
- Visible [boolean] - stato di visibilità del componente.
Container update properties
Aggiorna le proprietà del contenitore
Parametri di ingresso:
- Component Id [string] - identificatore del componente container;
- Width[string] - larghezza dei componenti
- Height[string] - altezza dei componenti;
- Flex direction [enum] - direzione dei componenti;
- Wrap [enum] - l'avvolgimento dei componenti;
- Alignment horizontal [enum] - allineamento del componente in orizzontale
- Alignment vertica l [enum] - allineamento verticale del componente;
- Margin[string] - margine del componente;
- Padding[string] - padding del componente;
- Border[string] - il bordo del componente;
- Border radius [string] - raggio del bordo del componente;
- Background color [string] - colore di sfondo del componente;
- Visible [boolean] - stato di visibilità del componente.
Esempio di utilizzo
Un contenitore può essere usato per raggruppare elementi. Ad esempio, per assemblare un modulo da diversi campi di input:
