Un diseño de cuadrícula de botones de icono / texto
Estoy intentando crear una cuadrícula de elementos de 3 x 3. Cada artículo consta de unaImageView
encima de unTextView
. Desafortunadamente, tengo problemas para que todo funcione bien.
Aquí está mi intento de obtener 2 de esos artículos uno al lado del otro. Las vistas de texto ni siquiera se muestran, y los íconos están juntos (en lugar de estar espaciados uniformemente)
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1" android:gravity="center"
android:paddingLeft="40px" android:paddingRight="40px" >
<TableRow>
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:id="@+id/usertoolsimage"
android:src="@drawable/ftnicon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:text="User Accounts"
android:gravity="right"
android:padding="3dip" android:textColor="#ffffff" />
</LinearLayout>
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:id="@+id/queueimage"
android:src="@drawable/ftnicon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:text="Queue Management"
android:gravity="right"
android:padding="3dip" android:textColor="#ffffff" />
</LinearLayout>
</TableRow>
<TableRow>
<TextView
android:text="test 3"
android:padding="3dip" android:textColor="#ffffff" />
<TextView
android:text="test 4"
android:gravity="right"
android:padding="3dip" android:textColor="#ffffff" />
</TableRow>
</TableLayout>
Mi objetivo al final es tener una cuadrícula de elementos en los que se pueda hacer clic, donde el elemento es una imagen y texto para un menú principal. ¿Alguien puede guiarme sobre los diseños que debo usar para lograr esto?