Show images from the internet in ListView

Vote count:

0

I want that 200 pictures are in every row of a ListView. So the ListView have 200 rows. But now i dont know where i can put my code that the pictures are in every row....

Heres my adapter:

public class CustomAdapter extends BaseAdapter implements View.OnClickListener {
/*********** Declare Used Variables *********/
private Activity activity;
private ArrayList data;
private static LayoutInflater inflater=null;
public Resources res;
ListModel tempValues=null;
int i=0;

/*************  CustomAdapter Constructor *****************/
public CustomAdapter(Activity a, ArrayList d,Resources resLocal) {

    /********** Take passed values **********/
    activity = a;
    data=d;
    res = resLocal;

    /***********  Layout inflator to call external xml layout () ***********/
    inflater = ( LayoutInflater )activity.
            getSystemService(Context.LAYOUT_INFLATER_SERVICE);

}

/******** What is the size of Passed Arraylist Size ************/
public int getCount() {
    if(data.size()<=0)
        return 1;
    return data.size();
}

public Object getItem(int position) {
    return position;
}

public long getItemId(int position) {
    return position;
}

/********* Create a holder Class to contain inflated xml file elements *********/
public static class ViewHolder{
    public TextView text;
    public TextView text1;
    public TextView textWide;
    public ImageView image;
}

/****** Depends upon data size called for each row , Create each ListView row *****/
public View getView(int position, View convertView, ViewGroup parent) {

    View vi = convertView;
    ViewHolder holder;

    if(convertView==null){
        /****** Inflate tabitem.xml file for each row ( Defined below ) *******/
        vi = inflater.inflate(R.layout.tabitem, null);

        /****** View Holder Object to contain tabitem.xml file elements ******/
        holder = new ViewHolder();
        holder.text = (TextView) vi.findViewById(R.id.text);
        holder.text1=(TextView)vi.findViewById(R.id.text1);
        holder.image=(ImageView)vi.findViewById(R.id.image);
        /************  Set holder with LayoutInflater ************/
        vi.setTag( holder );
    }
    else
        holder=(ViewHolder)vi.getTag();

    if(data.size()<=0)
    {
        holder.text.setText("No Data");
    }
    else
    {
        /***** Get each Model object from Arraylist ********/
        tempValues=null;
        tempValues = ( ListModel ) data.get(position);
        /************  Set Model values in Holder elements ***********/
        holder.text.setText(tempValues.getCompanyName());
        holder.text1.setText( tempValues.getUrl() );
        holder.image.setImageResource(
                res.getIdentifier(
                        "com.androidexample.customlistview:drawable/"+tempValues.getImage(),null,null));
        /******** Set Item Click Listner for LayoutInflater for each row *******/
        vi.setOnClickListener(new OnItemClickListener( position ));
    }
    return vi;
}

@Override
public void onClick(View v) {
    Log.v("CustomAdapter", "=====Row button clicked=====");
}

/********* Called when Item click in ListView ************/
private class OnItemClickListener  implements View.OnClickListener{
    private int mPosition;

    OnItemClickListener(int position){
        mPosition = position;
    }
    @Override
    public void onClick(View arg0) {


        CustomListView sct = (CustomListView)activity;

        /****  Call  onItemClick Method inside CustomListViewAndroidExample Class ( See Below )****/

        sct.onItemClick(mPosition);
    }
}

And here is my own code to get the pictures from the internet:

public static Bitmap getBitmapFromURL(String src) {
    try {URL url = new URL(src);
        return BitmapFactory.decodeStream(url.openConnection().getInputStream());
    }
    catch(Exception e){
        e.printStackTrace();
    }
    return null;
}

public String getPictureName (int i){
    String in = ""+i+"";
    if(in.length() == 1){
        return "000"+in;
    }
    else if(in.length() == 2){
        return "00"+in;
    }
    else if(in.length() == 3){
        return "0"+in;
    }
    else{
        return in;
    }
}


for(int i = 1; i <= 200; i++){
    final int ii = i;
    final ImageView imageView = new ImageView(CustomListView.this);
    RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
    //linearLayout.addView(imageView,lp);

    Thread thread = new Thread(){
        @Override
        public void run(){
            final Bitmap bm = getBitmapFromURL("http://myURL.de/picture_"+getPictureName(ii)+".jpg");

            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    if(bm !=null){
                        imageView.setImageBitmap(bm);
                    }
                    else {
                        //linearLayout.removeView(imageView);
                    }
                }
            });
        }
    };thread.start ();
}

asked 2 mins ago

Kevin

1

Show images from the internet in ListView