erstellen 3x3 ImagesButtons mit Tablelayout mit definierten Größen

Question

Im Versuch mit Fragen ein Layout wie folgt zu erstellen:

Desired layout

Bisher habe ich dies:

What i got

I benutze tableylayout und was ich wünsche ist 3x3 Quadrate (imagebuttons), perfekte Quadrate, jeder Knopf wird ein Bild haben, das die genaue Größe des Quadrats haben sollte.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RelativeLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:gravity="center" 
    android:orientation="vertical" > 


    <TableLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:shrinkColumns="*" android:stretchColumns="*" android:background="#ffffff" 
     android:layout_alignParentBottom="true"> 

     <!-- Row 2 with 3 columns --> 


     <TableRow 
      android:id="@+id/tableRow1" 
      android:layout_height="wrap_content" 
      android:layout_width="match_parent"> 

      <TextView 
       android:id="@+id/TextView01" android:text="Row 2 column 1" 
       android:layout_weight="1" android:background="#dcdcdc" 
       android:textColor="#000000" 
       android:padding="20dip" android:gravity="center"/> 

      <TextView 
       android:id="@+id/TextView02" android:text="Row 2 column 2" 
       android:layout_weight="1" android:background="#d3d3d3" 
       android:textColor="#000000" 
       android:padding="20dip" android:gravity="center"/> 

      <TextView 
       android:id="@+id/TextView03" android:text="Row 2 column 3" 
       android:layout_weight="1" android:background="#cac9c9" 
       android:textColor="#000000" 
       android:padding="20dip" android:gravity="center"/> 

     </TableRow> 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_height="wrap_content" 
      android:layout_width="match_parent"> 

      <TextView 
       android:id="@+id/TextView04" android:text="Row 2 column 1" 
       android:layout_weight="1" android:background="#dcdcdc" 
       android:textColor="#000000" 
       android:padding="20dip" android:gravity="center"/> 

      <TextView 
       android:id="@+id/TextView05" android:text="Row 2 column 2" 
       android:layout_weight="1" android:background="#d3d3d3" 
       android:textColor="#000000" 
       android:padding="20dip" android:gravity="center"/> 

      <TextView 
       android:id="@+id/TextView06" android:text="Row 2 column 3" 
       android:layout_weight="1" android:background="#cac9c9" 
       android:textColor="#000000" 
       android:padding="20dip" android:gravity="center"/> 

     </TableRow> 
     <TableRow 
      android:id="@+id/tableRow3" 
      android:layout_height="wrap_content" 
      android:layout_width="match_parent"> 

      <ImageButton 
       android:id="@+id/TextView07" 
       android:layout_weight="1" 
       android:background="#dcdcdc" 
       android:textColor="#000000" 
       android:gravity="center" 
       android:src="@drawable/btn1" /> 

      <TextView 
       android:id="@+id/TextView08" android:text="Row 2 column 2" 
       android:layout_weight="1" android:background="#d3d3d3" 
       android:textColor="#000000" 
       android:padding="20dip" android:gravity="center"/> 

      <TextView 
       android:id="@+id/TextView09" android:text="Row 2 column 3" 
       android:layout_weight="1" android:background="#cac9c9" 
       android:textColor="#000000" 
       android:padding="20dip" android:gravity="center"/> 

     </TableRow> 

     <!-- Row 3 with 2 columns --> 


    </TableLayout> 
</RelativeLayout> 

Answer 1

Ihre TableRow sollte WeightSum = 3 (Spalten) enthalten, dann 3 Linearlayout hinzufügen (erinnern android zu setzen: layout_weight = "1"), die enthält Imageview mit Textview

<TableRow 
    android:weightSum="3" 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent"> 

    <LinearLayout 
     android:orientation="vertical" 
     android:layout_weight="1" 
     android:layout_height="100dp" 
     android:layout_width="0dp"> 

     <ImageButton....../> 

     <TextView ...../> 
    </LinearLayout> 

    <LinearLayout 
     android:orientation="vertical" 
     android:layout_weight="1" 
     android:layout_height="100dp" 
     android:layout_width="0dp"> 

     <ImageButton....../> 

     <TextView ...../> 
    </LinearLayout> 

    <LinearLayout 
     android:orientation="vertical" 
     android:layout_weight="1" 
     android:layout_height="100dp" 
     android:layout_width="0dp"> 

     <ImageButton....../> 

     <TextView ...../> 
    </LinearLayout> 


</TableRow>