Para esto te sugiero crear un Adapter
personalizado, primeramente agrega la dependencia para usar Picasso, esto dentro de tu build.gradle
:
dependencies {
...
implementation 'com.squareup.picasso:picasso:2.71828'
...
}
ahora tu Adapter
usaría la cadena "http://sample.com?id="
para completar el url de cada imagen y cargar mediante Picasso la imagen dentro del ImageView
:
Picasso.get().load("http://sample.com?id=" + elements.get(position)).into(holder.imageView);
Tu Adapter sería:
import android.app.Activity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.squareup.picasso.Picasso;
import java.util.ArrayList;
public class Adaptercito extends ArrayAdapter<Integer> {
private final Activity _context;
private final ArrayList<Integer> elements;
public class ViewHolder {
TextView textView;
ImageView imageView;
}
public Adaptercito(Activity context, ArrayList<Integer> elements){
super(context,R.layout.list_item, R.id.item_title , elements);
this._context = context;
this.elements = elements;
}
@Override
public View getView(int position, View convertView, ViewGroup parent){
ViewHolder holder = null;
if(convertView == null) {
LayoutInflater inflater = _context.getLayoutInflater();
convertView = inflater.inflate(R.layout.list_item,parent,false);
holder = new ViewHolder();
holder.textView = (TextView)convertView.findViewById(R.id.item_title);
holder.imageView = (ImageView)convertView.findViewById(R.id.item_image);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
holder.textView.setText("Imagen: "+elements.get(position));
//* Carga url de imagen en ImageView
Picasso.get().load("http://sample.com?id=" +elements.get(position)).into(holder.imageView);
return convertView;
}
}
el Adapter
usaría un layout que debe contener un ImageView
para mostrar la imagen, list_item.xml
:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="100dp"
android:orientation="horizontal">
<TextView
android:id="@+id/item_title"
android:layout_width="0dp"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:minHeight="20dp"
android:padding="8dp"
android:textStyle="bold"
android:textColor="#000"
android:layout_weight="0.5"/>
<ImageView
android:id="@+id/item_image"
android:layout_width="0dp"
android:layout_height="match_parent"
android:scaleType="centerInside"
android:layout_weight="0.5"/>
</LinearLayout>
De esta forma configura el Adapter
en tu ListView
:
Adaptercito arrayAdapter = new Adaptercito(this, (ArrayList<Integer>) myList);
simpleList.setAdapter(arrayAdapter);
Para obtener un listado de imágenes similar a :