Android布局中ImageView与TextView水平间距设置不生效问题求解

问题根因 #

• 你为id为icon的ImageView设置了android:visibility="gone"属性：当View的visibility为gone时，该View不会占用任何布局空间，你设置的margin、padding属性均不会生效，依附在它右侧的TextView也会无视该View的位置进行排列，这是间距失效的核心原因。
• 代码中首次声明ImageView的id时使用了@id/icon，正确写法应为@+id/icon，否则可能出现id找不到的异常。
• text1同时设置的paddingLeft是文字内容距离TextView自身边框的间距，不属于两个控件之间的间距。

可行解决方案 #

方案1：需要ImageView隐藏时仍保留原有占位（固定间距） #

如果你需要ImageView在显示/隐藏状态下，两个控件的间距都保持固定，直接修改ImageView的visibility属性即可，修改后代码如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:padding="10.0dip" android:descendantFocusability="beforeDescendants" android:layout_width="fill_parent" android:layout_height="fill_parent"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 修改1：id声明用@+id，visibility改为invisible，保留原有宽高和margin/padding占位 -->
    <ImageView android:id="@+id/icon" android:visibility="invisible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="12.0dip" android:layout_marginRight="12.0dip" android:src="@drawable/quantum_gm_ic_sd_storage_black_24" android:layout_alignParentLeft="true" android:contentDescription="Choose" android:paddingRight="16.0dip" />
    <!-- 修改2：移除无效的layout_alignParentLeft属性，保留toRightOf关联 -->
    <TextView android:textSize="16.0sp" android:ellipsize="marquee" android:id="@+id/text1" android:paddingLeft="16.0dip" android:paddingRight="16.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Choose" android:layout_toRightOf="@id/icon" android:layout_centerVertical="false" android:textColor="@color/textswitch_color" />
    <TextView android:textSize="13.0sp" android:id="@+id/txt_size" android:paddingLeft="40.0dip" android:paddingRight="16.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Choose" android:layout_toLeftOf="@id/txt_date" android:layout_below="@id/text1" android:layout_alignLeft="@id/text1" android:textColor="@color/textswitch_secondary_color" />
    <TextView android:textSize="13.0sp" android:id="@+id/txt_date" android:paddingLeft="8.0dip" android:paddingRight="16.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Choose" android:layout_below="@id/text1" android:layout_alignRight="@id/text1" android:textColor="@color/textswitch_secondary_color" />
</RelativeLayout>

方案2：ImageView隐藏时不需要占位，仍保留TextView左侧间距 #

如果你需要ImageView完全隐藏不占空间时，TextView依然有固定的左侧间距，可以通过代码动态控制间距，布局代码修改如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:padding="10.0dip" android:descendantFocusability="beforeDescendants" android:layout_width="fill_parent" android:layout_height="fill_parent"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:id="@+id/icon" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="12.0dip" android:layout_marginRight="12.0dip" android:src="@drawable/quantum_gm_ic_sd_storage_black_24" android:layout_alignParentLeft="true" android:contentDescription="Choose" />
    <!-- 先设置默认左侧间距为icon显示时需要的总间距 -->
    <TextView android:textSize="16.0sp" android:ellipsize="marquee" android:id="@+id/text1" android:layout_marginLeft="40dp" android:paddingRight="16.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Choose" android:layout_toRightOf="@id/icon" android:layout_centerVertical="false" android:textColor="@color/textswitch_color" />
    <!-- 其余子控件代码不变 -->
    <TextView android:textSize="13.0sp" android:id="@+id/txt_size" android:paddingLeft="40.0dip" android:paddingRight="16.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Choose" android:layout_toLeftOf="@id/txt_date" android:layout_below="@id/text1" android:layout_alignLeft="@id/text1" android:textColor="@color/textswitch_secondary_color" />
    <TextView android:textSize="13.0sp" android:id="@+id/txt_date" android:paddingLeft="8.0dip" android:paddingRight="16.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Choose" android:layout_below="@id/text1" android:layout_alignRight="@id/text1" android:textColor="@color/textswitch_secondary_color" />
</RelativeLayout>

配套Kotlin控制代码：

// 当icon需要显示时
icon.visibility = View.VISIBLE
val params = text1.layoutParams as RelativeLayout.LayoutParams
params.leftMargin = 0 // 去掉左侧margin，用icon的margin控制间距
text1.layoutParams = params

// 当icon需要隐藏时
icon.visibility = View.GONE
val params = text1.layoutParams as RelativeLayout.LayoutParams
params.leftMargin = dp2px(40f) // 替换为你需要的左侧间距值
text1.layoutParams = params

// dp转px工具方法
fun dp2px(dp: Float): Int {
    return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, Resources.getSystem().displayMetrics).toInt()
}

内容的提问来源于stack exchange，提问作者Nikita