Layout: TableLayout, ja FrameLayout RelativeLayout

Ulkoasu on hyvin erityinen TableLayout jonka avulla voit järjestää sisällön kuin olisimme kanssa pöytään. Esimerkki sovellus, joka hyödyntää tätä tyyppisen ulkoasun voi tarjota galleria, jossa luulisi Näytin teille joukon pikkukuvia järjestetty hallitusti käyttäen kuva TableLayout suurempi kuva ja sitten napsautetaan käyttäjä.

Sisältö on järjestetty TableLayout ansiosta TableRow joka tunnistaa rivin taulukossa. Tässä esine laitoimme kaikki elementit, jotka haluamme osoittaa, että erityisiä rivi.

Osoitamme havainnollinen esimerkki nyt aikoo luoda TableLayout neljä riviä ja neljä saraketta. Java-koodia luodaksesi se on seuraavanlainen (jälleen mukavuussyistä tuomme andorid.widget .*):

 TableLayout tableLayout TableLayout = uusi (tämä);

 





 tableLayout.setGravity (Gravity.TOP);

 







 int count = 0;







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



  



 TableRow TableRow = uusi TableRow (this);

 

  



 tableRow.setGravity (Gravity.CENTER);



  



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

 

    



 määrä + +;



    



 TextView testoCella = uusi TextView (this);

 

    



 testoCella.setText ("solu" + määrä);

 

    



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



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (tableLayout);

Olemme nyt aikoo tehdä tiukkaa koodin analyysi. Ensin luot objektin tyypin TableLayout joka on sijoitettu näytön yläreunassa. Rakentaminen layout itse on käyttää kahta sisäkkäistä varten.
Ensimmäisessä julistaa esineen tyypin TableRow, ja painovoima asetamme omaisuutta keskusta sisältöjä esine.
Kunkin iteraation toisen varten Katsotaanpa Täytä tabeRow kanssa TextView (käytämme muuttujaa luottaa kasvatetaan jokaisen iteraation), sitten soveltaa pehmuste 10 pikseleitä neljästä reunasta sekä solujen ja lopulta yhdistää TextView TableRow luotu ensisijainen.
Vuoden ensimmäinen add TableRow (sisältää kaikki neljä meidän TextView luotu sisäkkäisiä silmukka) ja TableLayout. Lopuksi tavallista komennolla setContentView, liitämme TableLayout luotu ikkuna toimintamme

Lopputulos näkyy kuvakaappaus alla:

Lisäksi kahtena versiona nähnyt aiemmin on kaksi muuta helppokäyttöisempiä: FrameLayout ja RelativeLayout. Ensimmäinen layout on perus tosiasia voi olla vain yksi widget ja ulottuu koko suurimman saatavilla olevan yläosassa näytön vasemmassa reunassa. Toinen elementti aseman ikkunan alkuperäiseen kokoonsa ja siksi tekemättä mitään kokoa.

On selvää, että ikkunan, voit käyttää useampaa kuin yhtä layout, muistaen kuitenkin, sitten liittää ne yhteen asettelu on muuttujana menetelmän setContentView. Esimerkkinä tästä on esitetty seuraava koodi:

 LinearLayout linearLayout1 LinearLayout = uusi (tämä);







 / / Koodi lisäämällä elementtejä tämä layout







 TableLayout tableLayout TableLayout = uusi (tämä);







 / / Koodi lisäämällä elementtejä tämä layout









 LinearLayout linearLayoutPrimario LinearLayout = uusi (tämä);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (tableLayout);









 setContentView (linearLayoutPrimario);

• <<Edellinen Oppitunti
• Ohjehakemisto
• Seuraava oppitunti>>