TableLayoutのImageButtonを整列する

Question

<?xml version="1.0" encoding="utf-8"?> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     tools:context="com.example.yeo.foodapp.MainMenu" 
     android:orientation="horizontal"> 
     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Logout" 
      android:id="@+id/button4" 
      android:layout_alignParentBottom="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentEnd="true" /> 
     <TableLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="horizontal" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" 
      android:layout_above="@+id/button4"> 
      <ImageButton 
       android:id="@+id/searchImageButton" 
       android:layout_width="match_parent" 
       android:layout_height="165dp" 
       android:scaleType="fitCenter" 
       android:background="@drawable/cell_shape" 
       android:src="@drawable/cancelImage" 
       android:layout_column="1" 
       android:contentDescription="" /> 
      <TableRow 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:orientation="horizontal"> 
       <ImageButton 
        android:id="@+id/searchImageButton2" 
        android:layout_width="190dp" 
        android:layout_height="165dp" 
        android:scaleType="fitCenter" 
        android:background="@drawable/cell_shape" 
        android:src="@drawable/cancelImage" 
        android:layout_column="2" 
        android:contentDescription="" /> 
       <ImageButton 
       android:id="@+id/searchImageButton3" 
       android:layout_width="190dp" 
       android:layout_height="165dp" 
       android:scaleType="fitCenter" 
       android:background="@drawable/cell_shape" 
       android:src="@drawable/cancelImage" 
       android:layout_column="3" 
       android:contentDescription="" /> 
      </TableRow> 
      <TableRow 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:orientation="horizontal"> 
       <ImageButton 
        android:id="@+id/searchImageButton4" 
        android:layout_width="126dp" 
        android:layout_height="165dp" 
        android:scaleType="fitCenter" 
        android:background="@drawable/cell_shape" 
        android:src="@drawable/cancelImage" 
        android:layout_column="4" 
        android:contentDescription="" /> 

       <ImageButton 
        android:id="@+id/searchImageButton5" 
        android:layout_width="126dp" 
        android:layout_height="165dp" 
        android:scaleType="fitCenter" 
        android:background="@drawable/cell_shape" 
        android:src="@drawable/cancelImage" 
        android:layout_column="5" 
        android:contentDescription="" /> 
       <ImageButton 
        android:id="@+id/searchImageButton6" 
        android:layout_width="126dp" 
        android:layout_height="165dp" 
        android:scaleType="fitCenter" 
        android:background="@drawable/cell_shape" 
        android:src="@drawable/cancelImage" 
        android:layout_column="6" 
        android:contentDescription="" /> 
      </TableRow> 
     </TableLayout> 
    </RelativeLayout> 


Cell_shape.xml 
<?xml version="1.0" encoding="utf-8"?> 
<shape 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape= "rectangle" > 
    <solid android:color="#ffffff"/> 
    <stroke android:width="1dp" android:color="#ff9"/> 
</shape> 

こんにちは、searchImageButton3の直後に2番目のテーブル行（searchImageButton4-6）が表示されないようです。テーブルはかなり外に出ているようです。誰も私のコーディングで何が間違っているのか教えてください。

Answer 1

あなたの第2のTableRowのlayout_columnは、4から始まっています。これは、1から開始する必要があります。それを更新しても問題ありません。

 <TableRow 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="horizontal"> 

      <ImageButton 
       android:id="@+id/searchImageButton4" 
       android:layout_width="126dp" 
       android:layout_height="165dp" 
       android:scaleType="fitCenter" 
       android:background="@drawable/cell_shape" 
       android:src="@drawable/cancelImage" 
       android:layout_column="1" 
       android:contentDescription="" /> 

      <ImageButton 
       android:id="@+id/searchImageButton5" 
       android:layout_width="126dp" 
       android:layout_height="165dp" 
       android:scaleType="fitCenter" 
       android:background="@drawable/cell_shape" 
       android:src="@drawable/cancelImage" 
       android:layout_column="2" 
       android:contentDescription="" /> 
      <ImageButton 
       android:id="@+id/searchImageButton6" 
       android:layout_width="126dp" 
       android:layout_height="165dp" 
       android:scaleType="fitCenter" 
       android:background="@drawable/cell_shape" 
       android:src="@drawable/cancelImage" 
       android:layout_column="3" 
       android:contentDescription="" /> 
     </TableRow>