如何space出TableRow中的图片按钮？

Question

我正在尝试 space 我的 table 行中的图像按钮（因此它们不会相互接触。它似乎没有 space 。谁能告诉我怎么做？感谢您的回复。

截图如下：

我的 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"/>

Answer 1

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

要在子项之间添加一些 space，您可以使用这样的分隔符：

创建可绘制对象 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:divider 和 android: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>

如何space出TableRow中的图片按钮？

How to space out image buttons in TableRow?

java

android

android-studio