Pasar al contenido principal
Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
Luis Avilés
Álvaro Felipe
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José Luján
Álvaro Felipe
Álvaro Felipe
Jonathan MirCha
Jonathan MirCha
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Camilo Adobe
Álvaro Felipe
José Luján
Jonathan MirCha
Álvaro Felipe
Álvaro Felipe
Beto Quiroga, Alexys Lozada
Álvaro Felipe
Juan Villalvazo
Luis Avilés
Jonathan MirCha
Jonathan MirCha
Jonathan MirCha

Carga imagenes desde internet a tu proyecto Android

Glide es una librería muy poderosa que te permitira cargar imagenes a tus aplicaciones android de una manera muy eficiente.

Carga imagenes desde internet a tu proyecto Android

En cualquiera de nuestros proyectos no siempre tendremos todas las imágenes en nuestro ambiente de desarrollo, si no que en muchas ocasiones se cargan desde fuentes que se encuentran en internet, esta información se puede conseguir desde una API o una base de datos, y en el presente artículo te enseñare a cargar estas imagenes y mostrarlas en tu aplicación android.

Para realizar lo anteriormente mencionado usaremos la librería Glide la cual es una librería muy fácil de usar y a la vez bastante poderosa ya que nos permite no solo la carga de imágenes sino tambien el caching de estas mismas en disco.

Como primer paso vamos agregar esta librería en nuestro proyecto, para lo cual debemos agregar en la zona de dependencias de nuestro gradle las siguientes lineas:

implementation 'com.github.bumptech.glide:glide:4.7.1'
annotationProcessor 'com.github.bumptech.glide:compiler:4.7.1'

Con esto ya realizado android studio sincronizara cambios y agregará esta dependencia a nuestro proyecto.

Como primer paso debemos crear el ImageView donde renderizaremos esta imágen, para lo cual simplemente crearemos este ImageView en el archivo xml de nuestro Activity.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <ImageView
        android:id="@+id/ed_image"
        android:layout_width="100dp"
        android:layout_height="100dp" />

</LinearLayout>

Ahora en nuestro archivo de java vamos a asociar el ImageView del xml con el código java:

public class MainActivity extends AppCompatActivity {

    private ImageView imageView;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // Asociamos ImageView
        imageView = findViewById(R.id.ed_image);
    }
}

Y como último paso antes de empezar a usar Glide, debemos darle el permiso de acceso a internet a nuestra aplicación con la siguiente línea en el archivo manifest:

 <uses-permission android:name="android.permission.INTERNET"></uses-permission>

Esta etiqueta debe ser hija directa de la etiqueta manifest.

Ya con todo esto hecho, cargar la imágen es muy sencillo y se puede realizar con las siguientes líneas de código:

        // Cargamos la imagen
        String EDteamImage = "https://ed.team/sites/default/files/styles/16_9_medium/public/2018-04/guia-de-estilos.jpg?itok=73JysFzx";
        Glide.with(getApplicationContext()).load(EDteamImage).into(imageView);

Basicamente lo que estamos haciendo es guardar en una variable de tipo String la dirección de la imágen(Recuerda que esta puede venir desde una API o desde una base de datos), despues usamos Glide en el cual ejecutamos el método estático with() que recibe como parámetro el contexto de la Activity, despues ejecutamos el método load() que recibe como parámetro un String con la dirección de la imágen, la cual esta en la variable EDteamImage, por último ejecutamos el método into() donde pasamos el ImageView previamente creado en el cual renderizaremos nuestra imágen.

Ya cuando ejecutemos nuestra aplicación la imagen se vería así
App con Glide

Espero que te haya gustado, te invito a visitar la documentación de Glide ya que tiene opciones muy interesantes para el manejo de estas imágenes, que se que pueden ser de mucha utilidad en tus proyectos Android.

Hasta la próxima.

Suscríbete al blog de EDteam

Ingresa tu correo electrónico para recibir nuestro boletín semanal