Как исправить представление, которое не исчезает со страницы, когда оно ограничено представлением карточки

Я не уверен в Android X, но макеты ограничений используются для удаления вложенных макетов, поэтому вам не следует использовать макет ограничений внутри представления карты. Попробуйте этот код в качестве ссылки. Это может помочь.

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

    <android.support.v7.widget.CardView
        android:id = "@+id/cv_text"
        android:layout_width = "match_parent"
        android:layout_height = "wrap_content"
        android:layout_margin = "8dp"
        app:layout_constraintTop_toTopOf = "parent"
        app:layout_constraintTop_toBottomOf = "parent">

            <TextView
                android:layout_width = "match_parent"
                android:layout_height = "wrap_content"
                android:layout_marginStart = "16dp"
                android:layout_marginTop = "16dp"
                android:layout_marginEnd = "16dp"
                android:layout_marginBottom = "16dp"
                android:text = "Text View Test"
                app:layout_constraintBottom_toBottomOf = "parent"
                app:layout_constraintEnd_toEndOf = "parent"
                app:layout_constraintStart_toStartOf = "parent"
                app:layout_constraintTop_toTopOf = "parent" />

    </android.support.v7.widget.CardView>

    <Button
        android:id = "@+id/materialButton"
        android:layout_width = "0dp"
        android:layout_height = "wrap_content"
        android:layout_marginStart = "8dp"
        android:layout_marginTop = "280dp"
        android:layout_marginEnd = "8dp"
        app:layout_constraintEnd_toEndOf = "parent"
        app:layout_constraintHorizontal_bias = "0.0"
        app:layout_constraintStart_toStartOf = "parent"
        app:layout_constraintTop_toBottomOf = "@+id/cv_text" />

</android.support.constraint.ConstraintLayout>

Ваш макет толкается из-за этой строки:

android:layout_marginBottom = "256dp"

Разные телефоны имеют разный размер экрана, в вашем макете вы используете фиксированный размер в вашем представлении («256dp»), и это делает ваш макет неотзывчивым.

Таким образом, то, что может выглядеть хорошо на вашем предварительном просмотре, может не выглядеть так же на реальном телефоне.

Если вы хотите разместить какой-либо вид в любом месте экрана и сохранить его отзывчивым, я рекомендую использовать методические рекомендации, что-то вроде этого:

<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">

<androidx.cardview.widget.CardView
    android:id = "@+id/cv_text"
    android:layout_width = "0dp"
    android:layout_height = "0dp"
    android:layout_margin = "8dp"
    android:layout_marginStart = "8dp"
    android:layout_marginLeft = "8dp"
    android:layout_marginBottom = "8dp"
    app:layout_constraintBottom_toTopOf = "@+id/materialButton"
    app:layout_constraintEnd_toEndOf = "parent"
    app:layout_constraintStart_toStartOf = "parent"
    app:layout_constraintTop_toBottomOf = "parent"
    app:layout_constraintTop_toTopOf = "parent">

    <TextView
        android:layout_width = "match_parent"
        android:layout_height = "match_parent"
        android:text = "Text View Test"
        app:layout_constraintBottom_toBottomOf = "parent"
        app:layout_constraintEnd_toEndOf = "parent"
        app:layout_constraintStart_toStartOf = "parent"
        app:layout_constraintTop_toTopOf = "parent" />

</androidx.cardview.widget.CardView>

<Button
    android:id = "@+id/materialButton"
    android:layout_width = "0dp"
    android:layout_height = "wrap_content"
    android:layout_marginStart = "8dp"
    android:layout_marginEnd = "8dp"
    android:layout_marginBottom = "8dp"
    app:layout_constraintBottom_toTopOf = "@+id/guideline13"
    app:layout_constraintEnd_toEndOf = "parent"
    app:layout_constraintStart_toStartOf = "parent" />

<androidx.constraintlayout.widget.Guideline
    android:id = "@+id/guideline13"
    android:layout_width = "wrap_content"
    android:layout_height = "wrap_content"
    android:orientation = "horizontal"
    app:layout_constraintGuide_percent = ".5" />

</androidx.constraintlayout.widget.ConstraintLayout>

И это будет выглядеть так:

удалите эту строку из атрибута кнопки:

   android:layout_marginBottom = "256dp"

вы просто нажимаете кнопку наверху, устанавливая margin_bottom , и почему это отображается на предварительном просмотре, а не на устройстве только из-за разного размера экрана