Android中高Elevation视图被低Elevation视图遮挡问题求助

嘿，我完全懂你碰到的这个坑！这其实是Android视图Z轴层级规则里一个容易被忽略的点——ViewGroup的Z轴层级会直接决定它所有子View的“基础层级”，哪怕子View自己的elevation更高，也没法突破父容器的层级限制。

问题根源拆解 #

你代码里的dark_overlay_view elevation是7dp，而troublesome_parent没有设置elevation（默认0dp）。在Android的视图绘制逻辑里：

• 根布局会先绘制Z轴更低的View，也就是troublesome_parent（Z=0），然后再绘制Z轴更高的dark_overlay_view（Z=7）。
• troublesome_parent内部的子View是绘制在父容器的画布上的，而dark_overlay_view已经覆盖在整个troublesome_parent之上了——所以哪怕子View的elevation是8dp，它也只是在troublesome_parent的画布上“拔高”，没法突破父容器已经被覆盖的层级。

对比那个正常显示的绿色View：它直接在根布局下，Z轴8dp比7dp高，所以会在dark_overlay_view之后绘制，自然能显示在上面。

满足你需求的解决方案 #

你的需求是「无elevation的ViewGroup，子View有8dp elevation，且子View要显示在7dp elevation的同级View上方」，这里有两个稳妥的方案：

方案1：给父ViewGroup设置translationZ替代elevation

因为你不想给ViewGroup设置elevation属性，但可以用translationZ来提升它的Z轴层级（Z = elevation + translationZ，默认elevation是0，所以设置translationZ="7dp"就能让父ViewGroup的Z轴等于7dp，和dark_overlay_view持平）：

<android.support.constraint.ConstraintLayout
    android:id="@+id/troublesome_parent"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:background="@android:color/white"
    android:translationZ="7dp" <!-- 关键：用translationZ提升父容器层级 -->
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <View
        android:id="@+id/view_that_wont_display_above_overlay"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#C8F8C8"
        android:elevation="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</android.support.constraint.ConstraintLayout>

这样父ViewGroup的Z轴是7dp，子View的绝对Z轴是7dp + 8dp = 15dp，远高于dark_overlay_view的7dp，自然会显示在最上层。

方案2：调整布局绘制顺序（仅当elevation相同时有效）

如果不想给父ViewGroup加任何Z轴属性，可以把dark_overlay_view放到XML的最顶部，troublesome_parent放在它后面。当两个View的elevation相同时，XML中靠后的View会被优先绘制（覆盖在前面的View之上），然后子View的elevation会在父View的基础上继续拔高：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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"
    android:background="@android:color/white">

    <!-- 把overlay放到最前面 -->
    <View
        android:id="@+id/dark_overlay_view"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:alpha="0.3"
        android:background="@android:color/black"
        android:elevation="7dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <!-- 父ViewGroup放在overlay之后，elevation默认0，但因为XML顺序靠后，绘制在overlay之上 -->
    <android.support.constraint.ConstraintLayout
        android:id="@+id/troublesome_parent"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@android:color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <View
            android:id="@+id/view_that_wont_display_above_overlay"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#C8F8C8"
            android:elevation="8dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

    </android.support.constraint.ConstraintLayout>

    <!-- 正常的绿色View -->
    <View
        android:id="@+id/view_displayed_above_overlay"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#C8F8C8"
        android:elevation="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</android.support.constraint.ConstraintLayout>

不过这个方案有个局限：如果后续dark_overlay_view的elevation被调整得比父ViewGroup高，这个方法就失效了，所以方案1更稳妥。

额外验证小技巧 #

你可以用Android Studio的Layout Inspector查看每个View的z值（绝对Z轴）：

• 正常的绿色View的z是8dp
• 有问题的子View原来的z是8dp，但父ViewGroup的z是0dp，所以它的实际显示层级是在父ViewGroup的0dp基础上，而dark_overlay_view的z是7dp，比父ViewGroup高，所以被覆盖
• 用方案1修改后，子View的z会变成15dp，就能超过overlay的7dp

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