Android Border of Circular Profile Pic с использованием Glide

Решена проблема Проверьте мой ответ ниже для понимания


Я пытаюсь создать границу изображения профиля, которое загружается из учетной записи Facebook. Но я не могу сделать это правильно даже после изучения других примеров здесь в stackru. Изображение профиля загружается с использованием библиотеки Glide. Вот мой код:-

Код библиотеки Glide на Java

Glide.with(Home.this).load(url).asBitmap().into(new BitmapImageViewTarget(profile_pic){
            @Override
            protected void setResource(Bitmap resource) {
                RoundedBitmapDrawable circular = RoundedBitmapDrawableFactory.create(getApplicationContext().getResources(),resource);
                circular.setCircular(true);
                profile_pic.setImageDrawable(circular);
            }
        });

ImageView в XML

<ImageView
        android:id="@+id/profile_pic"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@mipmap/ic_launcher"
        android:padding = "5dp"
        android:background="@drawable/profile_pic_border"/>

Рисование границы в Drawable

<shape android:shape="oval"
xmlns:android="http://schemas.android.com/apk/res/android" >
<stroke
    android:width="5dp"
    android:color="#3e65b4"/>
<size android:height="50dp"
android:width="50dp"/>

Вот что я делаю из приведенного выше кода:

В 5.7inch Phone{Real Phone}

в 5.5 дюймовом телефоне {Эмулятор}

3 ответа

Решение

Итак, я решил проблему, мой код на 100% правильный, используя овал.

То, что я сделал, было Относительное расположение, в котором я поместил это изображение, было установлено в 90dp, что делало его неподходящим, как только я исправил это, чтобы обернуть контент, это было отличное соответствие. Снимок прилагается для ознакомления другим людям.

В своем нарисованном файле вместо использования овальной формы измените его на форму кольца, чтобы получить идеальный круг, например:

<shape android:shape="ring"
xmlns:android="http://schemas.android.com/apk/res/android" >

Вы можете создать XML-файл и setBackground для ImageView или использовать библиотеку в github с кодом

<de.hdodenhof.circleimageview.CircleImageView
                                android:id="@+id/act_detail_job_img_company"
                                android:layout_width="match_parent"
                                android:layout_height="match_parent"
                                android:layout_centerHorizontal="true"
                                android:background="@android:color/transparent"
                                android:src="@drawable/user"
                                app:civ_border_color="#FFFFFFFF"
                                app:civ_border_width="2dp"
                                />
Другие вопросы по тегам