¿Cómo crear un CircularImageView en Android usando la biblioteca hdodenhof?

Se ve que muchas aplicaciones de Android usan CircularImageView para mostrar las imágenes de perfil, el estado, las historias y muchas otras cosas, pero hacer esto con un ImageView normal es un poco difícil. Entonces, para hacerlo, use la biblioteca hdodenhof CircleImageView . Es un RoundedImageView de Vince Mi o en este artículo, agreguemos un CircleImageView en la aplicación de Android. qué

Nota: Para crear una vista de imagen circular en Android sin usar ninguna biblioteca, consulte ¿Cómo crear una vista de imagen circular en Android sin usar ninguna biblioteca?

Pasos para crear un CircularImageView

Paso 1: Creación de un nuevo proyecto

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Tenga en cuenta que elija Java como lenguaje aunque vamos a implementar este proyecto en lenguaje Java.

Paso 2: antes de ir a la sección de codificación, primero haga una tarea previa

• Vaya a la sección Gradle Scripts -> build.gradle (Módulo: aplicación) e importe las siguientes dependencias y haga clic en » sincronizar ahora » en la ventana emergente anterior.

implementación ‘de.hdodenhof:circleimageview:3.1.0’

Paso 3: Diseño de la interfaz de usuario 

• Cree un CircleImageView dentro del archivo activity_main.xml y configure android:src=”@drawable/mountain” . El código completo del archivo activity_main.xml se proporciona a continuación.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".MainActivity">
  
    <!-- Circular Image View  -->
    <de.hdodenhof.circleimageview.CircleImageView
        app:civ_border_width="4dp"
        android:layout_centerInParent="true"
        android:src="@drawable/mountain"
        app:civ_border_color="#FF000000"
        android:layout_width="300dp"
        android:layout_height="300dp"/>
  
</RelativeLayout>

Paso 4: archivo MainActivity.java

Aquí en este proyecto no hay nada que ver con el archivo MainActivity.java, así que manténgalo como está.

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
  
public class MainActivity extends AppCompatActivity {
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
    }
}

Producción:

Limitaciones

• En esta biblioteca, ScaleType siempre es CENTER_CROP y obtendrá una excepción si intenta cambiarlo.
• No se admite la habilitación de AdjustViewBounds, ya que requiere un ScaleType no compatible.
• El uso de TransitionDrawable con CircleImageView no funciona correctamente y genera imágenes desordenadas.

Recursos:

• Descargar proyecto completo desde Github
• Descarga el archivo Apk