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

嗨，大家好，第二个表格行（searchImageButton4-6）在searchImageButton3之后似乎没有任何显示。这个表似乎差不多线有谁能告诉我我的编码有什么问题吗？

Answer 1

你的第二个TableRow的layout_column从4开始，它应该从1开始。更新并且它应该可以正常工作。

下面是第二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="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>