Layout: TableLayout och FrameLayout RelativeLayout

Layouten är en mycket speciell TableLayout som låter dig organisera innehållet som om vi arbetade med ett bord. Ett exempel på program som kan utnyttja denna typ av layout kan erbjudas av ett galleri där du kanske tror jag visade dig en serie miniatyrbilder arrangerade på ett ordnat sätt med hjälp av bilden TableLayout en större bild och sedan klickat på användare.

Innehållet är organiserade i ett TableLayout tack vare en TableRow som identifierar en rad i tabellen. Inom detta objekt vi lägger alla element som vi vill visa att specifika raden.

Vi visar ett räkneexempel kommer nu att skapa en TableLayout med fyra rader och fyra kolumner. Java-kod för att skapa det så här (återigen av bekvämlighetsskäl vi importerar andorid.widget .*):

 TableLayout tableLayout TableLayout = new (this);

 





 tableLayout.setGravity (Gravity.TOP);

 







 int count = 0;







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



  



 TableRow TableRow = new TableRow (this);

 

  



 tableRow.setGravity (Gravity.CENTER);



  



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

 

    



 count + +;



    



 Textview testoCella = new Textview (this);

 

    



 testoCella.setText ("cell" + antal);

 

    



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



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (tableLayout);

Vi ska nu göra en noggrann analys av koden. Först skapar du ett objekt av typen TableLayout som är placerad längst upp på skärmen. Byggandet av layouten i sig utförs med hjälp av två nästlade för.
För det första deklarerar ett objekt av typen TableRow, och gravitation vi sätter egenskapen för att centrera innehållet i objektet.
För varje iteration av andra för låt oss fylla tabeRow med en Textview (vi använder den rörliga räkna ökas på varje iteration) och sedan tillämpa en utfyllnad på 10 pixlar från de fyra kanterna på cellen och slutligen att associera Textview TableRow skapats för den primära.
I slutet av den första lägga till TableRow (innehåller alla fyra av våra Textview skapat med kapslade slinga) till TableLayout. Slutligen, med det vanliga kommandot setContentView, associerar vi TableLayout skapade fönstret på vår verksamhet

Slutresultatet visas i skärmdumpen nedan:

Förutom de två ses layouter tidigare finns det ytterligare två enklare att använda: FrameLayout och RelativeLayout. Den första layouten är ett grundläggande faktum kan bara innehålla en widget och sträcker sig över hela den största tillgängliga från den punkt längst upp till vänster på skärmen. Den andra är den del position i fönstret med dess ursprungliga storlek och därför utan att göra någon storleksändring.

Självklart, i ett fönster kan du använda mer än en typ av layout, minns dock sedan införliva dem i en enda layout som kommer att skickas som argument till metoden setContentView. Ett exempel på detta visas i följande kod:

 LinearLayout linearLayout1 LinearLayout = new (this);







 / / Kod för att infoga element för denna layout







 TableLayout tableLayout TableLayout = new (this);







 / / Kod för att infoga element för denna layout









 LinearLayout linearLayoutPrimario LinearLayout = new (this);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (tableLayout);









 setContentView (linearLayoutPrimario);

• <<Föregående lektion
• Hjälp Index
• Nästa lektion>>