使用Glide库。如何在个人资料图片的右侧设置相机图标？

Question

我使用Glide库从url中获取用户的资料图片，并将其显示在ImageView视图中，我想在该资料图片的右侧设置相机图标，如下图所示。

下面是我的ImageView视图。

<ImageView
        android:id="@+id/imageView"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginTop="700dp" />

Glide:

ImageView imageView = findViewById(R.id.imageView);
        Glide.with(imageView) 
                .load(URL) 
                .circleCrop() 
                .placeholder(setCircularImage(R.drawable.prof)) 
                .error(setCircularImage(R.drawable.t)) 
                .fallback(setCircularImage(R.drawable.camera_red))
                .into(imageView);

我应该如何做，我应该使用哪个库来在个人资料图片的右侧设置相机图标？

我不希望图标与资料图片重叠。我想让资料图片被裁剪，给相机图标留出位置（就像facebook应用的资料图片一样）。谢谢。

谢谢。

Answer 1

与Glide无关。你可以使用ConstraintLayout，FrameLayout或RelativeLayout来重叠ImageViews。

Answer 2

你可以使用相对布局来实现这一点，就像下面这样。

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

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/ic_launcher_background"
        android:layout_marginTop="700dp" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_alignBottom="@id/imageView"
            android:layout_alignEnd="@id/imageView"
            android:layout_height="wrap_content"
            android:bott="true"
            android:src="@drawable/abc_vector_test"
            />

    </RelativeLayout>

然后进行相应的调整。编码愉快：)

Answer 3

首先你应该使用 circleImageView 在你的布局中，然后像这样设置其中的两个。

<CircleImageView
    android:id="@+id/circleImg1"
    android:layout_width="50dp"
    android:layout_height="50dp"/>

<CircleImageView
    android:id="@+id/circleImg2"
    android:layout_width="15dp"
    android:layout_alignBottom="@id/circleImg1"
    android:layout_alignEnd="@id/circleImg1"
    android:layout_height="15dp"/>