Widok siatki z dwiema kolumnami i obrazami o zmienionej wielkości

Próbuję utworzyć widok siatki z dwiema kolumnami. Mam na myśli dwa zdjęcia w rzędzie obok siebie, tak jak ten obraz.

Ale moje zdjęcia mają spacje między nimi, ponieważ nie są tego samego rozmiaru. Oto, co dostaję.

jak widać pierwsze zdjęcie ukrywa legendę, która pokazuje nazwę kontaktu i numer telefonu. a pozostałe zdjęcia nie są prawidłowo rozciągnięte.

Tutaj jest mójGridView plik xml. Jak widziszcolumnWidth jest ustawione na200dp. Chciałbym, żeby to było automatyczne, więc zdjęcia będą automatycznie zmieniać rozmiar dla każdego rozmiaru ekranu.

<?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" />

i tutaj jest plik xml pozycji, który reprezentuje każdy element.

<?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>

Chcę więc pokazać dwa obrazy w wierszu, a obrazy zostaną automatycznie zmienione bez względu na rozmiar ekranu. Co robię źle w moim układzie?

Dzięki.

questionAnswers(2)

yourAnswerToTheQuestion