Android:. L'allineamento di quattro quadrati

Question

sto cercando di allineare quattro uguali dimensioni piazze su uno schermo di Android & Ora ho provato quello che si sente come un milione di approcci diversi, ma nessuno di loro sembra funzionare :(

quello che ho in questo momento è la seguente:.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:id="@+id/MasterLayout" android:layout_width="wrap_content"  android:layout_height="fill_parent" android:background="#FFFFFF"> 
<TableLayout android:layout_width="fill_parent" android:id="@+id/mainlay" android:background="#444444" android:layout_weight="0.2" android:layout_height="wrap_content" android:padding="0dip"> 
    <TableRow android:layout_weight="1" android:background="#BBBBBB" android:padding="0dip"> 
     <ImageView android:id="@+id/ImageView1" android:layout_marginLeft="10px" android:layout_weight="1" android:layout_marginRight="5px" android:layout_height="wrap_content" android:layout_width="wrap_content" android:scaleType="centerInside" android:src="@drawable/bigbox_new"></ImageView> 
     <ImageView android:id="@+id/ImageView2" android:layout_marginLeft="5px" android:layout_weight="1" android:layout_marginRight="10px" android:layout_height="wrap_content" android:layout_width="wrap_content" android:scaleType="centerInside" android:src="@drawable/bigbox_new"></ImageView> 
    </TableRow> 
    <TableRow android:layout_weight="1" android:padding="0dip"> 
     <ImageView android:id="@+id/ImageView3" android:layout_marginLeft="10px" android:layout_weight="1" android:layout_marginRight="5px" android:layout_height="wrap_content" android:layout_width="wrap_content" android:scaleType="centerInside" android:src="@drawable/bigbox_new"></ImageView> 
     <ImageView android:id="@+id/ImageView4" android:layout_marginLeft="5px" android:layout_weight="1" android:layout_marginRight="10px" android:layout_height="wrap_content" android:layout_width="wrap_content" android:scaleType="centerInside" android:src="@drawable/bigbox_new"></ImageView> 
    </TableRow> 
</TableLayout> 
</LinearLayout> 

Questo fa sostanzialmente il lavoro Tuttavia, ognuno di quei quattro immagini ha un enorme imbottitura sopra e sotto di essa Come faccio a sbarazzarsi di questo. ? O devo usare un diverso tipo di layout completamente?

Per aiutare a illustrare il mio problema, ecco un'immagine. Sulla sinistra c'è quello che ho, sulla destra c'è quello di cui ho bisogno. Image

Grazie mille!

Cheers, Markus!

Answer 1

Rimuovere layout_weight dal TableRows e impostare il numero layout_height su wrap_content. Quindi aggiungi un TableRow vuoto sotto di loro con layout_height impostato su fill_parent.

Answer 2

Provare a usare scaleType come centerCrop, se la dimensione dell'immagine è maggiore allora questo farà il trucco per voi. Ma questo non è il modo migliore per farlo, sarebbe meglio cambiare le risorse dell'immagine.

HTH!

Answer 3

Prova a impostare l'altezza ImageView su fill_parent, penso che dovrebbe fare il trucco. Ad ogni modo, sarebbe di aiuto se le tue proprietà XML fossero divise in righe, è difficile per noi leggere una singola riga di proprietà.

Inoltre, perché posizionare un TableLayout all'interno di un LinearLayout? A meno che tu non abbia più elementi all'interno di quella Lineare, puoi sbarazzartene.