使用 Glide Library：如何在头像右侧设置相机图标？答案

【问题标题】：Using Glide Library: How to set camera icon on the right side of a profile image?使用 Glide Library：如何在头像右侧设置相机图标？
【发布时间】：2020-06-03 22:45:49
【问题描述】：

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

这是我的 imave 视图：

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

滑翔：

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 应用程序个人资料图像上一样）。谢谢。

谢谢。

【问题讨论】：

标签： android android-imageview android-glide

【解决方案1】：

与 Glide 无关。您可以使用 ConstraintLayout、FrameLayout 或 RelativeLayout 来重叠 ImageView。

【讨论】：

我不希望图标与个人资料图像重叠。我希望裁剪个人资料图像以让位给相机图标。谢谢。
这恐怕不是一件容易的事。您已经为此创建了一个自定义视图。重叠是这里的最佳选择。

【解决方案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>

然后进行相应的调整。快乐编码:)

【讨论】：

我不希望图标与个人资料图像重叠。我希望裁剪个人资料图像以让位给相机图标。谢谢。

【解决方案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"/>

【讨论】：