Justere komponenter med X/Y-justering

Når du setter layoutegenskapen for en komponent til null, kan du bruke vinduet Tilpass layout for å justere komponentene basert på grensene de har.

Når layouten er satt til null, baseres de enkelte komponentenes plassering og størrelse i brukergrensesnittet på grensene de har. For å unngå den tidkrevende og feilutsatte oppgaven med å oppdatere grensene til hver komponent enkeltvis, kan du bruke det visuelle redigeringsprogrammet til å justere komponentenes størrelse og plassering basert på forhold.

Når layouten er satt til null, har vinduet Tilpass layout en rekke handlinger som kan brukes på en gruppe med komponenter. Du kan:
  • Justere komponenter basert på kanter
  • Justere komponenter basert på midtpunkter
  • Gjøre komponentene like brede og høye
  • Distribuere komponenter jevnt, både loddrett og vannrett, i et gitt område

Slik justerer du, endrer størrelse på og distribuerer komponenter i null-layout:

  1. I Design-visningen eller visningen Java-bønner velger du to eller flere komponenter som du vil justere i forhold til hverandre. Du kan bruke markeringsvalgverktøyet eller holde nede Ctrl-tasten for å velge flere komponenter. Den siste komponenten du velger, er kontrollkomponenten, eller ankeret. I ankerkomponenten er håndtakene for å endre størrelsen, svarte, mens de andre valgte komponentene har hvite håndtak.
  2. Utfør et av trinnene nedenfor for å åpne vinduet Tilpass layout:
    • Høyreklikk og velg Tilpass layout fra hurtigmenyen.
    • Klikk på Tilpass layout verktøylinjeknappen Tilpass Layout på verktøylinjen.

    Vinduet Tilpass layout for null-layout

  3. Bruk disse knappene for å justere komponentene i forhold til hverandre:
    • Venstrejuster - justerer komponentene etter venstre kant på ankerkomponenten.
    • Midtstill - justerer komponentene etter midten av ankerkomponenten langs en loddrett strek.
    • Høyrejuster - justerer komponentene etter høyre kant på ankerkomponenten.
    • Toppjuster - justerer komponentene etter øvre kant på ankerkomponenten.
    • Midtstill vannrett - justerer komponentene etter midten av ankerkomponenten langs en vannrett strek.
    • Bunnjuster - justerer komponentene etter nedre kant på ankerkomponenten.
  4. Bruk disse knappene for å justere størrelsen på de valgte komponentene:
    • Tilpass bredde - gjør komponentene like brede som ankerkomponenten.
    • Tilpass høyde - gjør komponentene like høye som ankerkomponenten.
  5. Når du skal distribuere avstanden mellom komponentene, gjør du først ett av følgende for å oppgi grensene til distribusjonsområdet:
    • Ikke klikk på noe for å bruke containeren som distribusjonsområde (som er standardvirkemåten), eller klikk på Skjul distribueringsboks hvis boksen allerede blir vist.
    • Klikk på Vis distribueringsboks og dra håndtakene til boksen for å opprette ønsket størrelse på distribusjonen.
    Deretter bruker du en av disse knappene for å distribuere komponentene:
    • Distribuer vannrett - gjør komponentene like brede som ankerkomponenten.
    • Distribuer loddrett - gjør komponentene like høye som ankerkomponenten.

Du kan for eksempel velge tre JButton-komponenter og oppgi at de skal ha samme bredde og justeres etter hverandre ved venstre grense. Den sist valgte JButton-komponenten blir brukt som anker, eller kontroll, for de to andre knappene. Handlingen Venstrejuster justerer JButton-komponentene etter den venstre kanten på den sist valgte JButton-komponenten, og handlingen Tilpass bredde gjør de valgte JButton-komponentene like brede som JButton-kontrollkomponenten.

Justeringsknappene i vinduet Tilpass layout blir bare aktivert hvis disse betingelsene er oppfylt:

I tillegg til å justere komponenter og sammenlikne bredde og høyde kan du distribuere komponenter. Når komponentene blir distribuert, endres plasseringene slik at avstanden mellom dem blir jevn i en avgrensende boks som er definert av den overordnede containeren. Før du for eksempel klikker på knappen Distribuer loddrett knappen Distribuer loddrett, har tre knapper ujevn avstand, som vist på dette bildet:


bønner plassert i Design-visning

Når du klikker på Distribuer loddrett, får komponentene jevn avstand, som vist på dette bildet:

bønner distribuert loddrett

Legg merke til at de tre knappene blir distribuert innenfor høyden på den overordnede (rammens øvre og nedre kant).

Hvis du vil ha mer kontroll over området som brukes til distribusjonen, kan du aktivere distribusjonsboksen ved å klikke på knappen Vis distribueringsboks distribueringsboks. Når du klikker på denne knappen, blir det tegnet en ramme rundt alle de valgte komponentene. Du kan flytte eller endre størrelse på denne boksen ved hjelp av håndtakene. Når du bruker en distribusjonsboks og boksen er aktiv, definerer distribusjonsboksen området som blir brukt til å endre kontrollenes plassering. Uten en distribusjonsboks definerer den overordnede containeren området som brukes til distribusjon. Følgende bilde viser en distribusjonsboks:

bønner med distribusjonsboks

Du kan flytte og endre størrelse på distribusjonsboksen, som følgende bilde viser:

bønner i distribusjonsboks med endret størrelse

Hvis du foretar en loddrett distribusjon mens du bruker distribusjonsboksen, foregår distribusjonen innenfor boksens rammer, i stedet for den overordnede containeren, som vist på følgende bilde:

bønner distribuert loddrett i boks

(C) Copyright IBM Corporation 1999, 2004. All Rights Reserved.