Android Studio：RelativeLayout背景覆盖内部TextView问题排查

问题根源 #

你遇到的是Android彩色Emoji在硬件加速渲染下的层级异常问题：当父布局（RelativeLayout）设置了圆角背景时，部分系统版本的彩色Emoji会被父布局的背景层覆盖，视觉上表现为背景在文字上方。这是因为硬件加速对圆角裁剪和Emoji渲染的处理顺序导致的。

解决方案 #

给你三个可行的解决办法，任选其一即可：

1. 给TextView关闭硬件加速
   在TextView标签中添加android:layerType="software"，强制用软件渲染处理文字，避免层级错乱：

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="🥳"
    android:textSize="80dp"
    android:layerType="software" />

2. 将背景移到内部LinearLayout
   把RelativeLayout的android:background属性移到内部的LinearLayout上，让背景和TextView处于同一个父容器下，渲染层级更清晰：

<RelativeLayout
    android:id="@+id/my_widget"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="130dp"
    android:layout_height="130dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center_horizontal"
        android:background="@drawable/layout_bg">

        <!-- TextView 代码不变 -->
    </LinearLayout>
</RelativeLayout>

3. 显式开启父布局的子视图裁剪
   给RelativeLayout添加android:clipChildren="true"（部分系统默认是true，但显式设置可以避免特殊情况）：

<RelativeLayout
    android:id="@+id/my_widget"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="130dp"
    android:layout_height="130dp"
    android:background="@drawable/layout_bg"
    android:clipChildren="true">

    <!-- 内部布局代码不变 -->
</RelativeLayout>

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