Android - 相对布局水平对齐项目，以便它们之间始终具有相同的空间

Question

我的相对布局上每 4 个图像有 2 行，如下图所示:

我几乎拥有它，因为它是必需的，但是当应用程序运行时，底部和顶部的左右图像都粘在框架的边缘，但是中间的图像间距较宽，可能它们粘在了框架的边缘角落。

我希望距离布局边界 10dip 的 4 个图像保留在那里，但是我想要的 4 个内部图像始终在它们之间和角落中的图像之间具有相同的空间。

我的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="15dp"
        android:src="@drawable/userl" />

    <TextView
        android:id="@+id/address"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/logo"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="10dp"
        android:layout_toRightOf="@+id/logo"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="#000222" />

    <TextView
        android:id="@+id/city"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/address"
        android:layout_alignRight="@+id/address"
        android:layout_below="@+id/address"
        android:text="Small Text"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <ImageView
        android:id="@+id/gsm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/city"
        android:layout_marginTop="14dp"
        android:layout_toLeftOf="@+id/address"
        android:src="@drawable/userl" />

    <ImageView
        android:id="@+id/diners"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/city"
        android:layout_alignTop="@+id/master"
        android:src="@drawable/userl" />

    <ImageView
        android:id="@+id/master"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/visa"
        android:layout_marginRight="54dp"
        android:layout_toLeftOf="@+id/diners"
        android:src="@drawable/userl" />

    <ImageView
        android:id="@+id/deposit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/gsm"
        android:layout_below="@+id/gsm"
        android:layout_marginTop="18dp"
        android:src="@drawable/userl" />

    <ImageView
        android:id="@+id/transfer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/visa"
        android:layout_alignTop="@+id/deposit"
        android:src="@drawable/userl" />

    <ImageView
        android:id="@+id/history"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/master"
        android:layout_alignTop="@+id/transfer"
        android:src="@drawable/userl" />

    <ImageView
        android:id="@+id/upn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/history"
        android:layout_toRightOf="@+id/master"
        android:src="@drawable/userl" />

    <ImageView
        android:id="@+id/visa"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/deposit"
        android:layout_alignLeft="@+id/city"
        android:layout_marginLeft="21dp"
        android:src="@drawable/userl" />

</RelativeLayout>

但是我移动这些内部的总是捕捉到外部的。

Answer 1

您是否尝试过使用 android:weightSum="4" 和 android:layout_width="0dip"+ android:layout_weight="1"添加 LinearLayout 到你的 ImageView，像这样:

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

    <ImageView
        android:id="@+id/logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="15dp"
        android:src="@drawable/userl" />

    <TextView
        android:id="@+id/address"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/logo"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="10dp"
        android:layout_toRightOf="@+id/logo"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="#000222" />

    <TextView
        android:id="@+id/city"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/address"
        android:layout_alignRight="@+id/address"
        android:layout_below="@+id/address"
        android:text="Small Text"
        android:textAppearance="?android:attr/textAppearanceSmall" />

        // First row (under @id/logo)

        <LinearLayout
            android:id="@+id/row1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="14dp"
            android:weightSum="4"
            android:layout_below="@id/logo" >

            <ImageView
                android:id="@+id/gsm"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/userl" />

            <ImageView
                android:id="@+id/diners"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/userl" />

            <ImageView
                android:id="@+id/master"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/userl" />

            <ImageView
                android:id="@+id/deposit"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/userl" />

    </LinearLayout>

        // Second row (under @id/row1)

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="18dp"
        android:weightSum="4"
        android:layout_below="@id/row1" >

            <ImageView
                android:id="@+id/transfer"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/userl" />

            <ImageView
                android:id="@+id/history"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/userl" />

            <ImageView
                android:id="@+id/upn"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/userl" />

            <ImageView
                android:id="@+id/visa"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/userl" />

    </LinearLayout>

</RelativeLayout>  

希望这对您有所帮助。