Flex Builder è un software di progettazione e sviluppo di siti web. Questo offre agli utenti la possibilità di disporre i componenti data-driven in un ambiente grafico-design. Flex realizza questo con contenitori e layout. Uno sviluppatore può definire come apparirà ai visitatori del sito web per la regolazione delle impostazioni di proprietà, che possono essere applicate a solo determinati elementi o l'intero contenitore del contenitore. Con poche linee di codice, un progettista può modificare la larghezza, l'altezza e l'imbottitura di un layout gruppo e le sue varie componenti.

istruzione

Aggiungere il contenitore Gruppo

1 Inizia Flex 4.5 e aprire "Codice View" sulla domanda principale Flex. Aggiungere il contenitore del gruppo inserendo la corretta apertura e chiusura tag.

<S: Gruppo> </ s: Gruppo>

2 Aggiungere gli elementi che si desidera includere nel layout del gruppo. Posizionare questi elementi tra i tag di apertura e di chiusura del gruppo.

<S: Gruppo>
<S: button label = "Home" />
<S: button label = "Chi siamo" />
</ S: Gruppo>

Il codice di cui sopra prevede un layout di gruppo con due pulsanti, uno con l'etichetta "Home" e l'altro "Chi siamo".

3 Impostare la proprietà layout del gruppo. Aggiungere la proprietà layout dopo il tag di apertura e di gruppo prima degli elementi del gruppo. Flex utilizza quattro strutture di layout di base: "BasicLayout" consente di posizionare gli elementi nel modo desiderato; "HorizontalLayout" posiziona gli elementi in una fila orizzontale; "TileLayout" pone gli elementi in colonne o righe; e luoghi elementi "VerticalLayout" in una singola colonna.

<S: Gruppo>
<s: layout>
<S: HorizontalLayout />
</ s: layout>
<S: button label = "Home" />
<S: button label = "Chi siamo" />
</ S: Gruppo>

Il codice di cui sopra aggiunge la "HorizontalLayout" proprietà al gruppo di pulsanti.

Regolare Imbottitura e dimensione

4 Modificare la larghezza e l'altezza del layout del gruppo. Aggiungere proprietà width e height nel tag gruppo di apertura. I valori di larghezza e altezza sono inseriti come pixel o percentuale. Se si esclude il segno di percentuale, Flex imposterà un valore di pixel.

<S: Gruppo width = "100%" height = "25">
<s: layout>
<S: HorizontalLayout />
</ s: layout>
<S: button label = "Home" />
<S: button label = "Chi siamo" />
</ S: Gruppo>

Il codice sopra imposta la larghezza del layout gruppo al 100 per cento del browser dell'utente. Indica anche un'altezza di 25 pixel.

5 Aggiungere imbottitura per gli elementi all'interno del vostro gruppo. Inserire il codice imbottitura all'interno del blocco "HorizontalLayout".

<S: Gruppo width = "100%" height = "25">
<s: layout>
<S: HorizontalLayout
paddingLeft = "5" paddingRight = "5"
paddingTop = "5" paddingBottom = "5" />
</ s: layout>
<S: button label = "Home" />
<S: button label = "Chi siamo" />
</ S: Gruppo>

Il codice di cui sopra fornisce imbottitura di cinque pixel per i pulsanti.

6 Regolare la dimensione degli elementi all'interno del layout. È possibile fornire la stessa larghezza e altezza parametri per gli elementi all'interno del vostro gruppo proprio come si farebbe definire la larghezza e l'altezza del gruppo.

<S: Gruppo width = "100%" height = "25">
<s: layout>
<S: HorizontalLayout
paddingLeft = "5" paddingRight = "5"
paddingTop = "5" paddingBottom = "5" />
</ s: layout>
<S: button label = "Home" height = "15" />
<S: button label = "Chi siamo" height = "15" />
</ S: Gruppo>

Il codice di cui sopra imposta l'altezza tasto a 15 pixel.

Consigli e avvertenze

• codice Flex è case sensitive. Se si hanno impostare la dimensione del layout gruppo di difficoltà, assicurarsi che il codice è privo di errori di battitura e capitalizzazione casuale.