How to load an image from url in a listview using asynctask

Question

So far I have done this much. Will you please help me what to do next to load an image in a listview. I have parsed url using xml parsing. I just want to load an image in a listview. Please help me experts!!

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().requestFeature(Window.FEATURE_ACTION_BAR);

        Bundle b = getIntent().getExtras();

        m_brandName = b.getString("Brand_Name");
        m_modelName = b.getString("Model_Name");
        m_categoryName = b.getString("Category_Name");

        actAppChartCatList = this;
        //String url = "http://www.bitstechnologies.in/HellaWebserviceV2/Service1.asmx/populateBrandModelCategory?brandName=\" + m_brandName + \"&\" + \"modelName=\" + m_modelName + \"&\" + \"categoryName=\" + m_categoryName";
        String url = "http://www.bitstechnologies.in/HellaWebserviceV2/Service1.asmx/populateBrandModelCategory?brandName=" + m_brandName + "&modelName=" + m_modelName + "&categoryName=" + m_categoryName;
        String urlFinal = "";
        if (url.contains(" "))
            urlFinal = url.replace(" ", "%20");
        else
            urlFinal = url;

        //new DownloadTaskCV().execute("http://www.bitstechnologies.in/HellaWebserviceV2/Service1.asmx/populateBrandModelCategory?brandName=" + m_brandName + "&" + "modelName=" + m_modelName + "&" + "categoryName=" + m_categoryName);
        new DownloadTaskCV().execute(urlFinal);
        pdGettingProducts = ProgressDialog.show(ActivityAppChartToCategoryList.this, "", "Getting Products.......");
        setContentView(R.layout.activity_activity_app_chart_to_category_list);
        mListView = (ListView) findViewById(R.id.showProductLists);
    }

    public static ActivityAppChartToCategoryList getInstance() {
        return actAppChartCatList;
    }

    public void progDialogDownloadingDismiss() {
        if (pdGettingProducts != null) {
            pdGettingProducts.dismiss();
        }

    }

    public void showEmptyMessage() {

        progDialogDownloadingDismiss();
        adb = new AlertDialog.Builder(this);
        adb.setTitle("");
        adb.setMessage("No products");
        adb.setPositiveButton("OK", new DialogInterface.OnClickListener() {

            @Override
            public void onClick(DialogInterface dialog, int which) {

                onBackPressed();
            }
        });
        adb.show();

    }

    /*
     * A method to download json data from url
     */
    private String downloadUrl(String strUrl) throws IOException {
        String data = "";
        InputStream iStream = null;
        try {

            URL url = new URL(strUrl);

            // Creating an http connection to communicate with url
            HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();

            // Connecting to url
            urlConnection.connect();


            Log.e("Response code : ", "" + urlConnection.getResponseCode());

            // Reading data from url
            iStream = urlConnection.getInputStream();


            BufferedReader br = new BufferedReader(new InputStreamReader(iStream));

            StringBuffer sb = new StringBuffer();
            String line = "";
            while ((line = br.readLine()) != null) {
                sb.append(line);
            }

            data = sb.toString();
            br.close();

        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            iStream.close();
        }

        //pdDownloadingList.dismiss();
        return data;
    }

    private class DownloadTaskCV extends AsyncTask<String, Integer, String> {
        String data = null;
        Product product = null;
        ArrayList<Product> productslist = null;
        @Override
        protected String doInBackground(String... url) {
            try {
                data = downloadUrl(url[0]);

            } catch (Exception e) {
                e.printStackTrace();
            }
            return data;
        }

        @Override
        protected void onPostExecute(String result) {
            //super.onPostExecute(result);
            try {
                if ((result.equalsIgnoreCase("[]")) || (result == null)) {
                    showEmptyMessage();
                    this.cancel(true);
                }

                parseXmlResponse(result);

            } catch (Exception e) {
                showEmptyMessage();
                this.cancel(true);
            }
        }

        private String parseXmlResponse(String xmlResponse) {
            if (xmlResponse != null) {
                XmlPullParser myParser;
                XmlPullParserFactory xmlFactoryObject;

                try {

                    xmlFactoryObject = XmlPullParserFactory.newInstance();
                    myParser = xmlFactoryObject.newPullParser();
                    myParser.setFeature(XmlPullParser.FEATURE_PROCESS_NAMESPACES, false);

                    int event;
                    String text = null;

                    event = myParser.getEventType();
                    while (event != XmlPullParser.END_DOCUMENT) {
                        String name = myParser.getName();
                        switch (event) {
                            case XmlPullParser.START_TAG:
                                if (name.equalsIgnoreCase("ProductList")) {
                                    // instantiate Arraylist of "Products"
                                    productslist = new ArrayList<>();
                                }
                                if (name.equalsIgnoreCase("Product_Name")) {
                                    // instantiate object of Product
                                    product = new Product();
                                }
                                break;

                            case XmlPullParser.TEXT:
                                text = myParser.getText();
                                break;

                            case XmlPullParser.END_TAG:

                                if (name.equalsIgnoreCase("Product_Name")) {
                                    // prodObj.setProductName(text)
                                    product.setProducts_name(text);
                                }

                                if (name.equalsIgnoreCase("Product_Image_Left")) {
                                    // prodObj.setProductImageLeft(text)
                                    product.setProducts_image(text);
                                    // add the product object to the array List
                                    productslist.add(product);
                                }
                                break;

                            default:
                                break;

                        } // end of switch
                        event = myParser.next();
                    }

                } catch (XmlPullParserException e) {
                    e.printStackTrace();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            return xmlResponse;
        }
    }

Can you tell me where do I put Picasso line of code in my file given above? — Swanand, Dec 11 '15 at 07:54
where u are u want set image from url to imageview their u can set directly no need of asyntask and cache it will handle. i did not find Your Adapter Code,just use in your adapter. — Ramesh Bhupathi, Dec 11 '15 at 08:07
Possible duplicate of [Android-Load images into Listview](http://stackoverflow.com/questions/22497690/android-load-images-into-listview) — Sufian, Sep 21 '16 at 10:47

score 1 · Answer 1 · edited Dec 11 '15 at 07:27

you can also use the open resource Universal Image Loader.UIL aims to provide a powerful, flexible and highly customizable instrument for image loading, caching and displaying. It provides a lot of configuration options and good control over the image loading and caching process.

just like this(use it so easy) ：

ktvIconImg = (RoundImageView) convertView
                    .findViewById(R.id.ktv_icon_img);


ImageLoader.getInstance().displayImage(url, ktvIconImg, mOptions,new ImageLoadingListener() {

            @Override
            public void onLoadingStarted(String arg0, View arg1) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onLoadingFailed(String arg0, View arg1, FailReason arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onLoadingComplete(String arg0, View arg1, Bitmap arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onLoadingCancelled(String arg0, View arg1) {
                // TODO Auto-generated method stub

            }});

score 0 · Answer 2 · answered Dec 11 '15 at 07:21

Add this in your gradle

 compile "com.squareup.picasso:picasso:2.4.0"

IN your Adapter or activty

Picasso.with(this)
 .load("YOUR IMAGE URL HERE")        
 .placeholder(R.drawable.ic_placeholder)   // optional        
 .error(R.drawable.ic_error_fallback)      // optional        
 .resize(250, 200)                        // optional        
 .rotate(90)                             // optional        
 .into(imageView);

score 0 · Answer 3 · edited May 23 '17 at 10:31

0

I would recommend you to use the Picasso library. It is very simple to use.

 Picasso.
          with(YourActivityName).
          load("Your image url").
          into(YourImageView);

Here is a very good article about it. https://www.bignerdranch.com/blog/solving-the-android-image-loading-problem-volley-vs-picasso/

Reference:

Why use Android Picasso library to download images?

edited May 23 '17 at 10:31

Community

1
1

answered Dec 11 '15 at 07:42

Azfaar kabir Siddiqui

780
3
14

How to load an image from url in a listview using asynctask

3 Answers3