Estoy tratando de hacer una vista de cuadrícula con dos columnas. Me refiero a dos fotos por fila una al lado de la otra como esta imagen.
Pero mis imágenes tienen espacios entre ellas, debido al hecho de que no es del mismo tamaño. Esto es lo que estoy obteniendo.
Como puede ver, la primera imagen oculta la leyenda que muestra el nombre del contacto y el número de teléfono. y las otras imágenes no se estiran correctamente.
Aquí está mi archivo xml GridView . Como puede ver, el columnWidth
está configurado en 200dp . Me gustaría que sea automático , para que las imágenes cambien de tamaño automáticamente para cada tamaño de pantalla.
<?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" />
y aquí está el archivo xml del elemento, que representa cada elemento en sí.
<?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>
Entonces, lo que quiero es mostrar dos imágenes por fila, y las imágenes se redimensionan automáticamente, sin importar el tamaño de la pantalla. ¿Qué estoy haciendo mal en mi diseño?
Gracias.
scaleType
propiedad centerCrop en ImageView. Lo que necesito lograr es una forma de hacer las imágenes una al lado de la otra y cambiar el tamaño automáticamente para diferentes tamaños de pantalla.