how to change images from the url in ImageView automatically with some predefined time_interval?

Question

THIS IS MY MAIN CLASS :

$ `public class MainActivity extends Activity implements Runnable {

ImageView im1,im2,im3;
int b,p=0,j,k,l;
String b1 ;
Bitmap img;
Bitmap bm;
ArrayList<String> arl = new ArrayList<String>();

@Override
public void onCreate(Bundle savedInstanceState) 
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    im1 = (ImageView)findViewById(R.id.imageView1);
    im2 = (ImageView)findViewById(R.id.imageView2);
    im3 = (ImageView)findViewById(R.id.imageView3);

    arl.add("http://dev.purpletab.com/files/jewels/original/Jewel_1344148107.png");
    arl.add("http://dev.purpletab.com/files/jewels/original/Jewel_1332428944.png");
    arl.add("http://dev.purpletab.com/files/jewels/original/Jewel_1341902610.png");

    while(p<1)
    {
      for(j=0;j<3;j++)
      {

        Bitmap bitmap1 = DownloadImage(arl.get(j));
        Log.e("image of j : ", ""+bitmap1);
        im1.setImageBitmap(bitmap1);
        delay();

        k=j+1;
        if(k==3)
            k=0;
        Bitmap bitmap2 = DownloadImage(arl.get(k));
        Log.e("image of k : ", ""+bitmap2);
        im2.setImageBitmap(bitmap2);
        delay();

        l=k+1;
        if(l==3)
            l=0;
        Bitmap bitmap3 = DownloadImage(arl.get(l));
        Log.e("image of l : ", ""+bitmap3);
        im3.setImageBitmap(bitmap3);
        delay();

      }         
    p++;
    }
}
private void delay()
{
     Thread t = new Thread()
     {
        public void run() 
        {
             Log.e("entered thread", " entered run method");

             try
                    {
                        Log.e("entered for loop ", "loop : ");
                        Thread.sleep(10000);
                    }
                catch(Exception e)
                    {
                    Log.e("thread error", ""+e);
                    }

        }

     };
     t.start();
     Log.e("started thread", ""+t);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.activity_main, menu);
    return true;
}

private Bitmap DownloadImage(String URL)
{        
    Log.e("bitmap d/l",""+URL);
    Bitmap bitmap = null;
    InputStream in = null;        
    try 
    {
        in = OpenHttpConnection(URL);
        bitmap = BitmapFactory.decodeStream(in);
         Log.e("downloaded images ", " images ");
        in.close();
    } 
    catch (IOException e1) 
    {
        e1.printStackTrace();
         Log.e("started thread", ""+e1);
    }
    return bitmap;                
}

private InputStream OpenHttpConnection(String urlString)throws IOException
{
    InputStream in = null;
    int response = -1;

    URL url = new URL(urlString);
    URLConnection conn = url.openConnection();

    if (!(conn instanceof HttpURLConnection))throw new IOException("Not an HTTP connection");

    try
    {
        HttpURLConnection httpConn = (HttpURLConnection) conn;
        httpConn.setAllowUserInteraction(false);
        httpConn.setInstanceFollowRedirects(true);
        httpConn.setRequestMethod("GET");
        httpConn.connect();
        response = httpConn.getResponseCode();                
        if (response == HttpURLConnection.HTTP_OK) 
        {
            in = httpConn.getInputStream();  
             Log.e("download in progress", " . . . ");
        }
        else if(response != HttpURLConnection.HTTP_OK)
        {
            //ProfileImgPreview.setBackgroundResource(R.drawable.photo_bg);
        }
    }
    catch (Exception ex)
    {
        throw new IOException("Error connecting");            
    }
    return in;    
}
@Override
public void run() {
     Log.e("started the other thread", "not defined");

}

}`

AND THIS IS MY LAYOUT CODE :

$ `

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:layout_centerHorizontal="true"
    android:layout_alignParentTop="true"
    android:contentDescription="@string/app_name"
    android:src="@drawable/a0"/>

 <ImageView
    android:id="@+id/imageView2"
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/imageView1"
    android:contentDescription="@string/app_name"
    android:src="@drawable/a1"/>

  <ImageView
    android:id="@+id/imageView3"
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/imageView2"
    android:contentDescription="@string/app_name"
    android:src="@drawable/a2"/>

`

so when i run this code , only the last image is viewed and the images are not changing according to the delay given . i mean the last images are loaded as static images , but i need it as animated view . could anybody plz answer me ?

THANKYOU IN ADVANCE . . . . .

Answer 1

Your delay function does nothing to delay onCreate, it just starts a Thread in background which does nothing. onCreate simply proceeds to run on its thread (your apps main ui thread).

The right way to delay some action would be to call postDelayed function on your ImageView:

im1.postDelayed(new Runnable() {
    public void run() {
        //Code to change image
    }
}, 5000);