使用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显示正确。

如何使用ConstraintLayout在另一个视图下面创建一个居中的Button ？ 任何帮助或建议将非常感谢。

Answer 1

发生这种情况是因为按钮的默认高程为2dp 。 看到这个链接

一个简单的解决方法是将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+创建单独的布局资源