CardView 中的按钮放置

Question

我尝试制作一个包含两个卡片视图的视图。在其中一个中，我想放置两个按钮：右下角（“btn_save”）和左下角（“btn_cancel”）但我不能放置右下角（“btn_save” ]“）按钮。我试图将按钮与 app:layout_constraintEnd_toEndOf="parent" 对齐，但没有成功。如何以正确的方式放置这些按钮？

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

    <com.google.android.material.card.MaterialCardView

        android:id="@+id/text_card"
        android:layout_width="0sp"
        android:layout_height="0sp"
        android:layout_gravity="fill"
        android:backgroundTint="#eceaf3"
        android:visibility="visible"
        app:cardCornerRadius="10sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHeight_percent="0.7"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_percent="0.8"
        app:rippleColor="#00c89e"
        tools:ignore="MissingConstraints">

        <--
        Some design elements are here...  
        -->

    </com.google.android.material.card.MaterialCardView>

    <com.google.android.material.card.MaterialCardView
        android:id="@+id/menu_card"
        android:layout_width="0sp"
        android:layout_height="0sp"
        android:layout_gravity="fill"
        android:backgroundTint="#eceaf3"
        android:visibility="visible"
        app:cardCornerRadius="10sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHeight_percent="0.7"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_percent="0.8"
        app:rippleColor="#00c89e">

        <Button
            android:id="@+id/btn_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_marginStart="15sp"
            android:layout_marginBottom="10sp"
            android:text="Cancel" />

           <--
           I have a problem with this button:  
           -->
        <Button
            android:id="@+id/btn_save"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_marginEnd="15sp"
            android:layout_marginBottom="10sp"
            android:text="Save"
            app:layout_constraintEnd_toEndOf="parent" />

    </com.google.android.material.card.MaterialCardView>
</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

MaterialCardView extends FrameLayout，它们没有在每个旁边放置 child View 的方法。直接在 MaterialCardView 里面放一些 LinearLayout 或 RelativeLayout 然后在这个附加的 ViewGroup 里面放你的 Buttons

PS。请不要那样使用 sp 单位，您应该使用 dp。 sp 仅适用于字体

Answer 2

使用 ViewGroup 作为 CardView 的 child；像 ConstraintLayout 或 LinearLayout，您可以轻松地将按钮放在 ViewGroup 内并管理对齐方式。

CardView 中的按钮放置

Buttons placement inside CardView

android

android-cardview

android-constraintlayout