Tuesday, 19 March 2013

View Flipper with Animationin ANDROID

Suppose you have to show an item for few minutes and then flips to next one we can use viewflipper. ViewFlipper inherits from frame layout, so it displays a single view at a time. in java class:
   ViewFlipper vflip;
      vflip=(ViewFlipper) findViewById(R.id.viewFlipper1);
         //when a view is displayed
      vflip.setInAnimation(this,android.R.anim.fade_in);
         //when a view disappears
      vflip.setOutAnimation(this, android.R.anim.fade_out);
      vflip.setFlipInterval(500);
      vflip.startFlipping();//starts flippin
      //  vflip.stopFlipping();//stops flipping
in xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" > 

    <ViewFlipper
        android:id="@+id/viewFlipper1"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_marginRight="16dp"
        android:layout_marginTop="85dp"
        android:layout_toLeftOf="@+id/textView1" > 

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/images1" /> 

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/images2" /> 

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/images3" /> 

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/images4" /> 
        
    </ViewFlipper>
</RelativeLayout>  
Here the view changes for every 500 millisecond.same way we can even provide layouts inside it.

No comments:

Post a Comment