De lay-out: TableLayout en FrameLayout RelativeLayout

De lay-out is een heel bijzondere TableLayout waarmee u het organiseren van de inhoud alsof we werken met een tafel. Een voorbeeld van een applicatie die dit type van lay-out kan misbruik kan worden aangeboden door een galerij waar je zou denken toonde ik u een reeks miniaturen gerangschikt in een ordelijke manier met behulp van beeld TableLayout een grotere afbeelding en vervolgens geklikt gebruiker.

De inhoud is georganiseerd in een TableLayout dankzij een TableRow dat een rij in de tabel staan. Binnen dit object we alle elementen die we willen dat specifieke rij te tonen.

We tonen een illustratief voorbeeld nu een TableLayout te maken met vier rijen en vier kolommen. De Java-code om het te maken is als volgt (wederom voor het gemak importeren wij 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 + +;



    



 TexView testoCella = new TexView (this);

 

    



 testoCella.setText ("cel" + aantal);

 

    



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



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (tableLayout);

We gaan nu een grondige analyse van de code te doen. Eerst maak je een object van het type TableLayout die is gepositioneerd aan de bovenkant van het scherm. De bouw van de lay-out zelf is uitgevoerd met behulp van twee geneste voor.
Want in de eerste verklaren een object van het type TableRow, en de zwaartekracht we de eigenschap tot het centrum van de inhoud binnen het object.
Voor elke iteratie van de tweede voor laten we de tabeRow vullen met een TextView (we gebruiken de variabele rekenen opgehoogd op elke iteratie), vervolgens een padding van 10 pixels van de vier randen van de cel en uiteindelijk naar de TextView TableRow gemaakt voor de primaire koppelen.
Aan het einde van de eerste toe te voegen voor de TableRow (met alle vier van onze TexView gemaakt met geneste lus) te TableLayout. Tot slot, met de gebruikelijke commando setContentView, associëren we de TableLayout gecreëerde het raam van onze activiteit

Het eindresultaat is te zien in het screenshot hieronder:

In aanvulling op de twee lay-outs gezien eerder zijn er twee meer gemakkelijker te gebruiken: FrameLayout en RelativeLayout. De eerste lay-out is een fundamenteel feit kan slechts een widget en strekt zich uit over de grootste beschikbare vanaf het punt in de linkerbovenhoek van het scherm. De tweede is het element positie in het venster met de oorspronkelijke grootte en dus zonder ervoor te verkleinen.

Uiteraard, in een venster, kunt u meer dan een type van de lay-out te gebruiken, herinneren, maar daarna nemen ze in een lay-out die zal worden doorgegeven als argument aan de methode setContentView. Een voorbeeld hiervan is te zien in de volgende code:

 LinearLayout linearLayout1 LinearLayout = new (this);







 / / Code voor het invoegen van elementen voor deze lay-out







 TableLayout tableLayout TableLayout = new (this);







 / / Code voor het invoegen van elementen voor deze lay-out









 LinearLayout linearLayoutPrimario LinearLayout = new (this);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (tableLayout);









 setContentView (linearLayoutPrimario);

• <<Vorige les
• Help-index
• Volgende les>>