Изображения накладываются на карты

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 или другие виды, которые будут определять размеры.