DEV Community

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

Posted on

2 2

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

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.

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs