Justera komponenter med hjälp av X/Y-justering

När du anger null för layoutegenskapen för en komponent kan du använda fönstret Anpassa layout till att justera komponenter baserat på gränserna för dem.

När layouten har värdet null görs en oberoende placering och storleksanpassning för varje komponent i användargränssnittet baserat på gränserna för det. Du kan undvika den tålamodsprövande och känsliga uppgiften med att göra enskilda uppdateringar av gränserna för varje komponent genom att använda den visuella redigeraren till att justera och justera storlek och placering för komponenter baserat på relationer.

När layouten har värdet null visas i fönstret Anpassa layout ett antal åtgärder som tillämpas på en grupp av komponenter. Du kan:
  • Justera komponenter baserat på ramar
  • Justera komponenter baserat på mittpunkter
  • Ange samma bredd och höjd för komponenter
  • Distribuera komponenter jämnt, både vertikalt och horisontellt, över en viss yta

Så här justerar du, ändrar storlek på och distribuerar komponenter i null-layout:

  1. I designvyn eller vyn Java-bönor väljer du två eller flera komponenter som du vill justera eller justera i relation till varandra. Du kan använda markeringsverktyget eller Ctrl-tangenten om du vill välja flera komponenter. Den sista komponenten du väljer är kontrollkomponent eller ankare. Ankarkomponenten visas med svarta storlekshandtag medan de övriga valda komponenterna har vita handtag.
  2. Om du vill öppna fönstret Anpassa layout gör du något av följande:
    • Högerklicka och välj Anpassa layout i snabbmenyn.
    • Klicka på Anpassa layout Verktygsfältsknappen Anpassa layout i verktygsfältet.

    Fönstret Anpassa layout för null-layout

  3. Om du vill justera komponenterna efter varandra använder du följande knappar:
    • Vänsterjustera - komponenterna justeras mot vänstersidan av ankarkomponenten.
    • Centrera - komponenterna justeras mot mitten av ankarkomponenten längs vertikalplanet.
    • Högerjustera - komponenterna justeras mot högersidan av ankarkomponenten.
    • Justera överkant - komponenterna justeras mot överkanten av ankarkomponenten.
    • Justera mitten - komponenterna justeras mot mitten av ankarkomponenten längs horisontalplanet.
    • Justera underkant - komponenterna justeras mot underkanten av ankarkomponenten.
  4. Om du vill justera storleken på den valda komponenterna använder du följande knappar:
    • Matcha bredd - komponenterna får samma bredd som ankarkomponenten.
    • Matcha höjd - komponenterna får samma höjd som ankarkomponenten.
  5. Om du vill distribuera avståndet mellan komponenterna gör du först något av följande för att ange gränserna för distributionsområdet:
    • Klicka inte på något om du vill använda behållaren som distributionsområde (som är standardalternativet) eller klicka på Dölj rutan Distribuera om rutan redan visas.
    • Klicka på Visa rutan Distribuera och dra rutans handtag till önskad storlek för distributionen.
    Använd sedan någon av följande knappar till att distribuera komponenterna:
    • Distribuera horisontellt - komponenterna får samma bredd som ankarkomponenten.
    • Distribuera vertikalt - komponenterna får samma höjd som ankarkomponenten.

Du kan till exempel välja tre JButton-komponenter och ange att de ska ha samma bredd och vara justerade efter varandra mot den vänstra kanten. Den senast valda JButton-komponenten används som ankare, eller kontroll, för de andra två knapparna. Med åtgärden Vänsterjustera justeras JButton-komponenterna mot vänsterkanten på den senast valda JButton-komponenten och med åtgärden Matcha bredd får de valda JButton-komponenterna samma bredd som JButton-komponenten som är kontrollkomponent.

Justeringsknapparna i fönstret Anpassa layout är aktiverade endast om följande villkor är uppfyllda:

Förutom att justera komponenter och matcha bredd och höjd kan du distribuera komponenter. När komponenter distribueras ändras deras placering så att de är jämnt fördelade inom en avgränsad yta som anges av den överordnade behållaren. Exempel: Innan du klickar på knappen Distribuera vertikalt Knappen Distribuera vertikalt är avståndet mellan de tre knapparna olika stort, som visas i bilden nedan:


bönor placerade i designvyn

När du har klickat på Distribuera vertikalt, är komponenterna jämnt fördelade, som visas i följande bild:

bönor distribuerade vertikalt

Observera att de tre knapparna är distribuerade inom höjden för den överordnade behållaren (ramens över- och nederkant).

Om du vill ha större kontroll över det område som används för distributionen kan du aktivera distributionsrutan genom att klicka på knappen Visa rutan Distribuera distributionsruta. När du klickar på knappen ritas en ruta runt alla valda komponenter. Du kan flytta och ändra storlek på den här rutan med hjälp av handtagen till den. När du använder en distributionsruta och rutan är aktiv definieras det område som används till att ändra placering för kontrollerna av distributionsrutan. Utan distributionsruta definieras det område som används för distribution av den överordnade behållaren. I följande bild visas en distributionsruta:

bönor med distributionsruta

Du kan flytta och ändra storlek på distributionsrutan, som visas i följande bild:

bönor i distributionsruta med ändrad storlek

Om du gör en vertikal distribution medan du använder distributionsrutan distribueras komponenterna inom rutans ram och inte inom den överordnade behållaren, som visas i bilden nedan:

bönor distribuerade vertikalt inom en ruta

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