android - 在个人资料图片上设置个人资料编辑图标

Question

我试图在Android Kotlin的个人资料图片上使用个人资料编辑图标。我正在使用卡片 View 以圆形 View 显示图像。但是当我在该圆形的角落使用编辑图标时，它将显示图像上图标的一部分，但隐藏了图像之外的部分。
请帮助如何在图像上进行设置。



这是我的代码

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