Aligner ImageButton dans TableLayout

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> 

Salut les gars, la deuxième ligne du tableau (searchImageButton4 - 6) ne semble pas s'afficher du tout juste après le searchImageButton3. La table semble être à peu près hors ligne Quelqu'un peut-il me dire ce qui ne va pas avec mon codage?

Answer 1

Votre deuxième s » layout_columnTableRow sont à partir de 4, ce qui devrait plutôt commencer à partir de 1. mise à jour et il devrait fonctionner correctement.

est Ci-dessous le code mis à jour pour 2 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>