Android中如何在ImageView上正确放置多个TextView？

嗨，我来帮你理清这个问题～你现在用的FrameLayout方案确实能实现效果，但绝对不是唯一的方式，而且在适配和灵活性上还有更好的选择，下面分点给你解答：

一、替代FrameLayout的更优方案 #

现在Android开发里，ConstraintLayout是官方推荐的首选布局，比FrameLayout灵活太多，能更精准地控制控件位置，而且代码也不会冗余，举个简单的例子：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 图片控件 -->
    <ImageView
        android:id="@+id/cover_image"
        android:layout_width="match_parent"
        android:layout_height="220dp"
        android:scaleType="centerCrop"
        android:src="@drawable/your_image"
        app:layout_constraintTop_toTopOf="parent"/>

    <!-- 上方的文字 -->
    <TextView
        android:id="@+id/title_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你的标题文字"
        android:textColor="@android:color/white"
        android:textSize="18sp"
        app:layout_constraintTop_toTopOf="@id/cover_image"
        app:layout_constraintStart_toStartOf="@id/cover_image"
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

这个方案里，TextView的位置是直接和ImageView的边缘绑定的，不用依赖padding，调整位置只需要改margin，后续维护也更方便。

另外还有两个可选方案：

• API 26+可以用ImageView的overlay特性：直接把TextView嵌套在ImageView里，系统会自动把TextView放在图片上层，代码更简洁，但只支持Android 8.0及以上版本：

  <ImageView
      android:layout_width="match_parent"
      android:layout_height="220dp"
      android:scaleType="centerCrop"
      android:src="@drawable/your_image">
  
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="你的标题文字"
          android:textColor="@android:color/white"
          android:layout_margin="16dp"/>
  
  </ImageView>
  

• RelativeLayout：比FrameLayout灵活一点，用android:layout_alignTop="@id/cover_image"这类属性绑定位置，但现在已经被ConstraintLayout替代，不推荐作为首选。

二、原FrameLayout方案的适配问题 #

你担心的分辨率适配问题确实存在：

• 如果你的ImageView是固定dp尺寸，那用dp设置TextView的padding，在不同密度屏幕上视觉大小是一致的，但如果ImageView是match_parent或者自适应屏幕宽度，那么TextView的padding是基于自身的，文字离ImageView边缘的相对位置（比如占图片宽度的比例）会在不同宽度的屏幕上发生变化。比如在小屏手机上文字离左边缘16dp，看起来是合理的，但在大屏手机上，同样16dp的padding，文字会显得太靠近左边缘，比例不协调。
• 另外，用padding来定位文字，本质上是给TextView本身加内边距，如果文字长度变化，可能会导致文字超出ImageView的范围，而约束布局可以直接限制TextView的边界，避免这种问题。

三、dp设置能保证适配吗？ #

dp是密度无关像素，系统会根据屏幕的dpi自动转换成对应的物理像素，所以用dp设置margin、padding、控件尺寸，能保证在不同密度的屏幕上，视觉大小基本一致，但有几个注意点：

• 文字大小要使用sp而不是dp，sp会跟随系统的字体大小设置，更符合用户的使用习惯。
• 如果需要文字在ImageView的某个比例位置（比如水平方向10%、垂直方向15%的位置），仅靠dp是不够的，这时候可以用ConstraintLayout的百分比约束，比如：

  app:layout_constraintHorizontal_bias="0.1"
  app:layout_constraintVertical_bias="0.15"
  

  这样不管ImageView多大，文字都会保持在相对比例的位置，适配所有屏幕。

总的来说，原方案可以用，但不是最优解，换成ConstraintLayout能解决你担心的适配问题，也更符合现代Android开发的规范～

内容的提问来源于stack exchange，提问作者Guilherme Garcia da Rosa