如何在TableRow中分隔出图像按钮?

时间:2015-01-23 02:20:51

标签: java android android-studio

我试图将我的图像按钮放在桌面行中(所以它不会互相触碰。它似乎没有空间。任何人都可以告诉我该怎么做?谢谢对于任何回复。

下面是截图: http://i.imgur.com/xqPIfXJ.png

我的activity_main xml文件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ff000000"
xmlns:ads="http://schemas.android.com/apk/res-auto"
android:orientation="vertical">


<ScrollView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_above="@+id/adViewFunny">

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">

            <ImageButton
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/iLikeTurtlesButton"
                    android:clickable="true"
                    android:src="@drawable/bluesound"
                    android:background="@drawable/transparent"
                    android:onClick="PlayILikeTurtles"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentStart="true"
                    android:layout_column="0" />

            <ImageButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/imageButton12"
                android:clickable="true"
                android:src="@drawable/bluesound"
                android:background="@drawable/transparent"
                android:onClick="PlayILikeTurtles"
                android:layout_alignParentTop="true"
                android:layout_alignParentStart="true"
                android:layout_column="14" />
        </TableRow>


    </TableLayout>



</ScrollView>


<com.google.android.gms.ads.AdView android:id="@+id/adViewFunny"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    ads:adUnitId="XXXX"
    ads:adSize="BANNER"/>

1 个答案:

答案 0 :(得分:0)

要使TableRow的子项居中,请将android:gravity="center"添加到TableRow。

要在孩子之间添加一些空格,你可以使用这样的分隔符:

创建一个可绘制的drawable/horizontal_spacer.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- define how much spacing you want -->
    <size android:width="10dp"/>
    <solid android:color="@android:color/transparent"/>
</shape>

然后在TableRow上使用android:dividerandroid:showDividers

<TableRow
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:divider="@drawable/horizontal_spacer"
    android:showDividers="middle">

    <ImageButton
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:id="@+id/iLikeTurtlesButton"
       ... />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageButton12"
        ... />
</TableRow>