Hvordan du justerer størrelsen på en Flex Gruppe Layout

August 6

Flex Builder er et nettsted design og utvikling programvare. Det gir brukerne muligheten til å arrangere datadrevne komponenter i et grafisk designmiljø. Flex oppnår dette med containere og oppsett. En utvikler kan definere hvordan beholderen vises til nettstedet besøkende ved å justere eiendoms innstillinger, som kan brukes til bare visse elementer eller hele beholderen. Med noen få linjer med kode, kan en designer endre bredde, høyde og utfylling av en gruppe layout og dens ulike komponenter.

Bruksanvisning

Legg konsernet Container

1 Begynn Flex 4.5 og åpne "Code View" på hoved Flex-program. Legg gruppen beholder ved å skrive inn riktig åpning og lukking koder.

<S: Group> </ s: Group>

2 Legg elementene du ønsker å inkludere i din gruppe layout. Plassere disse elementene mellom åpning og lukking gruppe koder.

<S: Group>
<S: Button label = "Home" />
<S: Button label = "Om oss" />
</ S: Group>

Koden gir ovenfor en gruppe layout med to knapper, en merket "Home" og den andre "Om oss".

3 Sett layout tilhører gruppen. Legg oppsettet eiendommen etter gruppen åpningen koden og før gruppeelementene. Flex bruker fire grunnleggende layout strukturer: "BasicLayout" lar deg plassere elementene slik du ønsker; "HorizontalLayout" posisjonerer elementene i en horisontal rad; "TileLayout" plasserer elementene i kolonner eller rader; og "VerticalLayout" steder elementer i en enkelt kolonne.

<S: Group>
<s: layout>
<S: HorizontalLayout />
</ s: layout>
<S: Button label = "Home" />
<S: Button label = "Om oss" />
</ S: Group>

Koden ovenfor legger til "HorizontalLayout" eiendom til knappen gruppen.

Juster Padding og størrelse

4 Endre bredden og høyden av gruppen layout. Legg bredde og høyde egenskaper i åpningen gruppe tag. Verdier for bredde og høyde føres som piksler eller prosent. Hvis du utelukke prosenttegn, vil Flex standard til en pikselverdi.

<S: Gruppe width = "100%" height = "25">
<s: layout>
<S: HorizontalLayout />
</ s: layout>
<S: Button label = "Home" />
<S: Button label = "Om oss" />
</ S: Group>

Koden ovenfor angir bredden av gruppen layout til 100 prosent av brukerens nettleser. Det indikerer også en høyde på 25 piksler.

5 Legg padding for elementene i gruppen din. Plasser padding koden innenfor "HorizontalLayout" block.

<S: Gruppe 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 = "Om oss" />
</ S: Group>

Koden ovenfor gir polstring av fem piksler for knappene.

6 Juster størrelsen på elementene i layouten. Du kan gi de samme bredde og høyde parametere til elementene i gruppen akkurat som du ville definere gruppen bredde og høyde.

Koden ovenfor setter knappen høyde på 15 piksler.

Hint

Flex kode er case sensitive. Hvis du har problemer med å sette størrelsen på gruppen layout, sørg for at koden er fri for skrivefeil og tilfeldige bokstaver.