图片叠加Cardview

Question

我正在为露营设置“横幅”，我必须设置覆盖cardView的图像。

这是我需要做的 https://imgur.com/a/ExQDZNL

我不知道该如何布局。

我尝试了framelayout，scaleType，但没有任何效果。 下面是我的XML代码。

 <android.support.v7.widget.CardView
                                android:id="@+id/qrCodeCardView"
                                style="@style/Base.CardView"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="@dimen/large_margin"
                                android:layout_marginEnd="@dimen/large_margin"
                                android:layout_marginBottom="@dimen/large_margin"
                                app:cardElevation="8dp">

                                <android.support.constraint.ConstraintLayout
                                    android:layout_width="match_parent"
                                    android:layout_height="match_parent"
                                    android:background="@drawable/bg_ripple_white"
                                    android:padding="@dimen/large_padding">

                                    <ImageView
                                        android:id="@+id/bunnyView"
                                        android:layout_width="75dp"
                                        android:layout_height="85dp"
                                        android:src="@drawable/ic_bunny_banner"
                                        app:layout_constraintBottom_toBottomOf="parent"
                                        app:layout_constraintStart_toStartOf="parent"
                                        app:layout_constraintTop_toTopOf="parent"
                                        app:layout_constraintVertical_bias="0"
                                        app:layout_constraintVertical_chainStyle="packed"/>
</android.support.constraint.ConstraintLayout>
</android.support.v7.widget.CardView>

Answer 1

要实现此目的，您需要将<ImageView>放在<CardView>之外

这是一个解决方案：

<android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.CardView
        android:id="@+id/qrCodeCardView"
        style="@style/Base.CardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/large_margin"
        android:layout_marginEnd="@dimen/large_margin"
        android:layout_marginBottom="@dimen/large_margin"
        app:cardElevation="8dp" />

    <ImageView
        android:id="@+id/bunnyView"
        android:layout_width="75dp"
        android:layout_height="85dp"
        android:src="@drawable/ic_bunny_banner"
        app:layout_constraintBottom_toBottomOf="@id/qrCodeCardView"
        app:layout_constraintStart_toStartOf="@id/qrCodeCardView"/>

</android.support.constraint.ConstraintLayout>

这会将<ImageView>与<CardView>的开始和底部对齐。 这要求图像具有透明的背景，<CardView>具有固定的width和height或包含其他确定尺寸的视图。