Downloads images from URL and display it in a GridView

I have a URL where some images are exists. I want to retrieve all the images from that URL and display these images in the GridView. Now 开发者_运维技巧when I click any of thumb preview like in grid view then it should enlarge or load to full screen.

putting the snap shots for better understanding

You can try the following code. Lazy loading the image is one good solution to load the images, you can try the lazy loading from the following link: Lazy load of images in ListView . In this they have used a ListView in the layout so the images and the corresponding text are shown as list items, you can change that ListView to a GridView something like this:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <GridView
        android:id="@+id/gridv"
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent"
        android:numColumns="auto_fit"
        android:verticalSpacing="10dp"
        android:horizontalSpacing="10dp"
        android:columnWidth="90dp"
        android:stretchMode="columnWidth"
        android:gravity="center"/>
    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:text="Clear Cache"/>
</LinearLayout>

I think this will solve the issue.

First figure out a way of how you are going to download all the images from a single link, which I believe is somewhat difficult.

Then put all the link locations into a string array. now use the below code to download the images.

    public Drawable LoadImage(String url) {

    Drawable d;
    try {
        InputStream is = (InputStream) new URL(url).getContent();
        d = Drawable.createFromStream(is, "src name");
        return d;
    } catch (NullPointerException e) {
        d = getResources().getDrawable(R.drawable.icon);
        return d;
    } catch (Exception e) {
        d = getResources().getDrawable(R.drawable.icon);
        return d;
    }
}

Get the length of the string array in which you have stored the link locations. And inside of a for loop try executing the above code. This will return an drawable object which you can convert into either resources or Bitmap and add it to the GridView.