在TableLayout中对齐ImageButton

时间:2016-06-12 14:52:30

标签: android-studio relativelayout imagebutton android-tablelayout tablerow

    <?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之后显示。该表似乎非常不合适任何人都可以告诉我编码有什么问题吗?

1 个答案:

答案 0 :(得分:2)

您的第二个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>