View-flipper in Android.

In this sample code contain sweeping images using View flipper with animation xml.

main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="@string/hello" />

    <ViewFlipper

        android:id="@+id/vfShow"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent" >

    </ViewFlipper>

</LinearLayout>

Create xml file in drawable folder
1.left_in.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate

        android:duration="500"

        android:fromXDelta="100%p"

        android:toXDelta="0" />

    <alpha

        android:duration="500"

        android:fromAlpha="0.1"

        android:toAlpha="1.0" />

</set>

2.left_out.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate

        android:duration="500"

        android:fromXDelta="0"

        android:toXDelta="-100%p" />

    <alpha

        android:duration="500"

        android:fromAlpha="1.0"

        android:toAlpha="0.1" />

</set>

3.right_in.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate

        android:duration="500"

        android:fromXDelta="-100%p"

        android:toXDelta="0" />

    <alpha

        android:duration="500"

        android:fromAlpha="0.1"

        android:toAlpha="1.0" />

</set>

4.right_out.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate

        android:duration="500"

        android:fromXDelta="0"

        android:toXDelta="100%p" />

    <alpha

        android:duration="500"

        android:fromAlpha="1.0"

        android:toAlpha="0.1" />

</set>

ViewFlipperSampleActivity.class

import android.app.Activity;

import android.content.Context;

import android.os.Bundle;

import android.view.GestureDetector;

import android.view.GestureDetector.SimpleOnGestureListener;

import android.view.MotionEvent;

import android.view.View;

import android.view.View.OnTouchListener;

import android.view.animation.AnimationUtils;

import android.widget.ImageView;

import android.widget.ViewFlipper;

public class ViewFlipperSampleActivity extends Activity {

private static final int SWIPE_MIN_DISTANCE = 120;

private static final int SWIPE_THRESHOLD_VELOCITY = 200;

private ViewFlipper vf;

private Context mContext;

private final GestureDetector detector = new GestureDetector(new MyGestureDetector());

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

mContext = this;

vf = (ViewFlipper) this.findViewById(R.id.vfShow);

vf.setOnTouchListener(new OnTouchListener()

{

@Override

public boolean onTouch(final View view, final MotionEvent event)

{

detector.onTouchEvent(event);

return true;

}

});

vf.addView(addImageView(R.drawable.scott));

vf.addView(addImageView(R.drawable.ricardo));

}

View addImageView(int resId)

{

ImageView iv = new ImageView(this);

iv.setImageResource(resId);

return iv;

}

class MyGestureDetector extends SimpleOnGestureListener

{

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)

{

try

{

// right to left swipe

if (e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE

&& Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY)

{

vf.setInAnimation(AnimationUtils.loadAnimation(mContext,R.anim.left_in));

vf.setOutAnimation(AnimationUtils.loadAnimation(mContext,R.anim.left_out));

vf.showNext();

return true;

}

else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY)

{

vf.setInAnimation(AnimationUtils.loadAnimation(mContext,R.anim.right_in));

vf.setOutAnimation(AnimationUtils.loadAnimation(mContext,R.anim.right_out));

vf.showPrevious();

return true;

}

}

catch (Exception e)

{

e.printStackTrace();

}

return false;

}

}

}

Download sample code from here : ViewFlipperSampleCode

Dynamic Swipe view using gesture:

I will be happy if you will provide your feedback or follow this blog. Any suggestion and help will be appreciated.

Thank you :)