Установка значка редактирования профиля на изображение профиля

Question

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

вот мой код

         <androidx.cardview.widget.CardView
                android:layout_width="120dp"
                android:layout_height="120dp"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="30dp"
                app:cardCornerRadius="60dp">

                <androidx.appcompat.widget.AppCompatImageView
                    android:id="@+id/Profile_image"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="center_horizontal"
                    android:scaleType="centerCrop"
                    android:src="@drawable/profile_img" />

                <androidx.appcompat.widget.AppCompatImageView
                    android:id="@+id/Edit_image"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_marginTop="40dp"
                    android:layout_marginStart="100dp"
                    android:contentDescription="@string/edit_photo"
                    app:srcCompat="@drawable/edit" />
            </androidx.cardview.widget.CardView>

Answer 1

Оберните ваш код с помощью FrameLayout и соответственно настройте поля для ожидаемого результата.

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <androidx.cardview.widget.CardView
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_gravity="center_horizontal"
        app:cardBackgroundColor="@color/colorPrimary"
        android:layout_marginTop="30dp"
        app:cardCornerRadius="60dp">

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/Profile_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:src="@drawable/profile"
            android:scaleType="centerCrop"/>

    </androidx.cardview.widget.CardView>

    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/Edit_image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:elevation="12dp"
        android:layout_gravity="end|bottom"
        app:srcCompat="@drawable/edit" />

</FrameLayout>