Layout: TableLayout, og FrameLayout RelativeLayout

Layoutet er en meget speciel TableLayout, så du kan organisere indholdet, som om vi arbejdede med et bord. Et eksempel på anvendelse som kan udnytte denne type layout kan tilbydes af et galleri, hvor du måske tror jeg har vist dig en række miniaturer arrangeret på en ordentlig måde at bruge billedet TableLayout et større billede og derefter klikkes bruger.

Indholdet er organiseret i en TableLayout takket være en TableRow, der identificerer en række i tabellen. Inden for dette objekt, vi lægger alle de elementer, vi ønsker at vise, at specifikke række.

Vi viser et illustrativt eksempel vil nu lave en TableLayout med fire rækker og fire kolonner. Java-kode til at oprette den er som følger (igen for nemheds vi importerer andorid.widget .*):

 TableLayout tableLayout TableLayout = ny (denne);

 





 tableLayout.setGravity (Gravity.TOP);

 







 int count = 0;







 for (int i = 0; i <4; i + +) {



  



 TableRow TableRow = nye TableRow (denne);

 

  



 tableRow.setGravity (Gravity.CENTER);



  



 for (int j = 0 j <4; j + +) {

 

    



 count + +;



    



 TextView testoCella = nye TextView (denne);

 

    



 testoCella.setText ("celle" + tal);

 

    



 testoCella.setPadding (10, 10, 10, 10);



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (tableLayout);

Vi er nu tænkt sig at gøre en grundig analyse af koden. Først skal du oprette et objekt af typen TableLayout som er placeret øverst på skærmen. Opførelsen af layoutet selv er udført ved hjælp af to indlejrede for.
For i den første erklære et objekt af typen TableRow, og tyngdekraften vi satte ejendommen til centrere indholdet i objektet.
For hver iteration af den anden for lad os fylde tabeRow med en TextView (vi bruger den variable regne øges på hver iteration), gælder derefter en padding på 10 pixels fra de fire kanter af cellen og til sidst knytte TextView TableRow skabt til den primære.
Ved afslutningen af den første Tilføj til TableRow (indeholdende alle fire af vores TextView skabt med indlejrede loop) til TableLayout. Endelig, med de sædvanlige kommando setContentView, knytte vi TableLayout skabt vinduet på vores aktivitet

Slutresultatet er vist i skærmbilledet nedenfor:

Ud over de to set layouts tidligere er der to mere nemmere at bruge: FrameLayout og RelativeLayout. Det første layout er en grundlæggende kendsgerning må kun indeholde én widget og udvider hele den største tilgængelige fra det punkt øverst til venstre på skærmen. Det andet er det element position i vinduet med sin oprindelige størrelse, og derfor uden at gøre nogen ændring af størrelse.

Det er klart, i et vindue, kan du bruge mere end én type layout, huske, men derefter indarbejde dem i et enkelt layout, der vil blive givet som argument til metoden setContentView. Et eksempel på dette er vist i den følgende kode:

 LinearLayout linearLayout1 LinearLayout = ny (denne);







 / / Kode til at indsætte elementer for dette layout







 TableLayout tableLayout TableLayout = ny (denne);







 / / Kode til at indsætte elementer for dette layout









 LinearLayout linearLayoutPrimario LinearLayout = ny (denne);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (tableLayout);









 setContentView (linearLayoutPrimario);

• <<Forrige lektion
• Indeks til Hjælp
• Næste lektion>>