我试图在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>
最佳答案
用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>
关于android - 在个人资料图片上设置个人资料编辑图标,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58153049/