Android开发：如何将一个View显示在另一个View之上？

嘿，我来帮你搞定把一个View显示在另一个View之上的问题！在Android开发里，有好几种实用的方式，我结合你的场景给你拆解清楚：

FrameLayout天生就是为叠放View设计的——它的子View会按照你编写的顺序依次堆叠，后面添加的View自动覆盖在前面的上面。如果你想把红色区域放在linearLayoutInbox之上，可以把它们都放进FrameLayout里：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 底层的布局 -->
    <LinearLayout
        android:id="@+id/linearLayoutInbox"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:background="#EEEEEE">
        <!-- 这里放你原来的内容 -->
    </LinearLayout>

    <!-- 顶层的红色区域View -->
    <View
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#FF0000"
        android:layout_gravity="center"/>

</FrameLayout>

要是你想在代码里动态添加红色区域，直接调用FrameLayout的addView()方法就行，新添加的View默认就在顶层。

ConstraintLayout不仅能实现复杂的布局定位，还能轻松控制View层级：

• 可以通过android:elevation属性设置层级高度，值越大，View越靠上；
• 也可以靠子View的编写顺序，后面的View默认覆盖前面的。

示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<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="match_parent">

    <!-- 底层布局 -->
    <LinearLayout
        android:id="@+id/linearLayoutInbox"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent">
        <!-- 你的内容 -->
    </LinearLayout>

    <!-- 红色区域：用elevation强制提升到顶层 -->
    <View
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#FF0000"
        android:elevation="8dp"
        app:layout_constraintCenterInParent="true"/>

</androidx.constraintlayout.widget.ConstraintLayout>

如果你的布局已经写好了，不想改XML，也可以在代码里把目标View移到顶层：

// 假设redView是你要置顶的红色区域
val redView = findViewById<View>(R.id.redView)
redView.bringToFront()
// 要是用的是ConstraintLayout，记得调用requestLayout()确保布局刷新
redView.requestLayout()

另外，也可以用translationZ属性动态调整层级（和elevation类似，属于运行时的层级调整）：

redView.translationZ = 8f

你原来用的LinearLayout是线性布局，子View只会按水平/垂直方向排列，不会重叠。所以要是想实现叠层效果，必须把需要叠放的View放到FrameLayout、ConstraintLayout这类支持叠层的容器里。

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