Sto cercando di creare una griglia con due colonne. Intendo due foto per riga una accanto all'altra proprio come questa immagine.
Ma le mie foto hanno spazi tra loro, a causa del fatto che non ha le stesse dimensioni. Ecco cosa sto ottenendo.
come puoi vedere la prima immagine nasconde la legenda che mostra il nome del contatto e il numero di telefono. e le altre immagini non sono allungate correttamente.
Ecco il mio file XML GridView . Come puoi vedere, columnWidth
è impostato su 200dp . Vorrei che fosse automatico , quindi le immagini verranno ridimensionate automaticamente per ogni dimensione dello schermo.
<?xml version="1.0" encoding="utf-8"?>
<GridView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridViewContacts"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:numColumns="2"
android:columnWidth="200dp"
android:stretchMode="columnWidth"
android:gravity="center" />
e qui è il file xml dell'articolo, che rappresenta ogni elemento stesso.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/imageViewContactIcon"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="fitXY" />
<LinearLayout
android:id="@+id/linearlayoutContactName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingLeft="5dp"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:background="#99000000"
android:layout_alignBottom="@+id/imageViewContactIcon">
<TextView
android:id="@+id/textViewContactName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FFFFFF"
android:textStyle="bold"
android:textSize="15sp"
android:text="Lorem Ipsum" />
<TextView
android:id="@+id/textViewContactNumber"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FFFFFF"
android:layout_marginLeft="5dp"
android:focusable="true"
android:ellipsize="marquee"
android:marqueeRepeatLimit="marquee_forever"
android:textSize="10sp"
android:text="123456789" />
</LinearLayout>
</RelativeLayout>
Quindi quello che voglio è mostrare due immagini per riga e le immagini si ridimensionano automaticamente, indipendentemente dalle dimensioni dello schermo. Cosa sto facendo di sbagliato nel mio layout?
Grazie.
scaleType
proprietà centerCrop su ImageView. Quello che devo ottenere è un modo per rendere le immagini affiancate e ridimensionare automaticamente per schermi di dimensioni diverse.