DEV Community

Cover image for Mini-tutorial Android Studio: Agregar imagen desde una url en un ImageView
RGT
RGT

Posted on

Mini-tutorial Android Studio: Agregar imagen desde una url en un ImageView

#android #espanol #minitutorial #spanish

Hola de nuevo, en esta ocasión les enseñare a agregar una imagen desde una url a un imageview.

¡Vamos al código!

Para hacer este tutorial nos ayudaremos de una dependencia llamada picasso Ver librería Picasso

Permisos [AndroidManifest.xml]

Para poder utilizar esta librería primero necesitamos asignar permiso de internet en el manifiesto. Para eso iremos a AndroidManifest.xml y agregaremos la siguiente etiqueta justo arriba de la etiqueta application

<uses-permission android:name="android.permission.INTERNET" />
Enter fullscreen mode Exit fullscreen mode

Quedando nuestro código de la siguiente manera.

1

build.gradle

En nuestro archivo build.gradle en la sección de dependencias agregaremos una implementation el cual es nuestra dependencia picasso y su versión en mi caso es la 2.71828

dependencies{

    /*picasoo*/
    implementation 'com.squareup.picasso:picasso:2.71828'

    ....
    ....
Enter fullscreen mode Exit fullscreen mode

Después de agregar la dependencia sincronizamos el proyecto

activity_main.xml

En nuestro activity_main.xml

agregamos a el diseño un ImageView y le definiremos un tamaño si así lo deseamos.

2

MainActivity

En nuestro MainActivity crearemos un objeto de tipo ImageView y le asignaremos el id

  ImageView imageView;
Enter fullscreen mode Exit fullscreen mode

onCreate 

 protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = findViewById(R.id.imageView);
      .....
Enter fullscreen mode Exit fullscreen mode

Ahora solo utilizamos nuestra dependencia picasso de la siguiente manera.

Picasso.get().load("AQUI VA LA URL").into(imageView);
Enter fullscreen mode Exit fullscreen mode

Fin

Con esto hemos terminado el minitutorial.

Top comments (0)