使用ConstraintLayout在另一个视图下方创建按钮

Question

我的布局有1 Button（有红色背景）和2 ImageView（一个有黄色背景，一个有蓝色背景），如

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:background="#f00"
        android:text="Button"
        android:textSize="30sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

    <ImageView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:background="#ff0"
        android:src="@mipmap/ic_launcher"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#00f"
        android:src="@mipmap/ic_launcher_round"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

</android.support.constraint.ConstraintLayout>

以下是结果图片，Button显示在2 ImageView之上。经过测试后，我发现这个问题只发生在Button。如果在我的布局代码中，我删除了Button，2保持ImageView显示正确。

如何使用Button在另一个视图下方显示居中ConstraintLayout？任何帮助或建议都将非常感激。

Answer 1

这是因为按钮的默认高程为2dp。见link

一个简单的解决方法是将ImageView的标高设置为3dp或更高。

<ImageView
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:elevation="2dp"
    android:src="@mipmap/ic_launcher_round"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

修改

对于低于21的API（Lolipop），这应该不是问题，并且视图将被正确呈现（按照XML中的放置顺序）。由于我们要使用android:elevation来获取Button之上的其他视图，因此我们必须为API 21 +

创建单独的布局资源