Android ViewFlipper滑动屏幕切换图片【安卓进

最近看到ViewFlipper和Animation在一起的用法，感觉很好，我就自己写了一下，感觉灰常好用，效果比gallery的滚动查看图片好用多了，这个也是实现滚动屏幕切换图片，但是用户体验要好很多！所以我把自己写的demo分享一下！希望对大家有用，也方便我自己以后查阅！转载请标明出处：

http://blog.csdn.net/wdaming1986/article/details/6766058

程序一开始界面，第一张图片：向右滑动屏幕切换到第二张图片：

向右滑动切换第三张图片：

向左滑动就又切换到第二张图片了！

以此类推！

代码奉上：

一、MainActivity。java类文件：

package com.cn.daming;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Color;
import android.graphics.drawable.GradientDrawable;
import android.graphics.drawable.GradientDrawable.Orientation;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.ViewFlipper;

public class MainActivity extends Activity implements OnGestureListener{
	
	private GestureDetector detector;
	private ViewFlipper flipper;
	private final int HELPFILP_RESULT = 106;
	Intent getMainActivity = null;
	int count = 1;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        drawBackground();
        LayoutInflater inflater = LayoutInflater.from(this);
		final View layout = inflater.inflate(R.layout.view_flipper, null);
		setContentView(layout);
		flipper = (ViewFlipper) findViewById(R.id.view_flipper);
		detector = new GestureDetector(this);
    }

public void drawBackground()
    {
    	GradientDrawable grad = new GradientDrawable( 
    			   Orientation.TL_BR,
    			   new int[] {Color.rgb(0, 0, 127),
    					   Color.rgb(0, 0, 255),
    					   Color.rgb(127, 0, 255),
    					   Color.rgb(127, 127, 255),
    					   Color.rgb(127, 255, 255),
    					   Color.rgb(255, 255, 255)} 
    	);

this.getWindow().setBackgroundDrawable(grad);
    }
    
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		return this.detector.onTouchEvent(event);
	}

public boolean onDown(MotionEvent arg0) {
		// TODO Auto-generated method stub
		return false;
	}

public boolean onFling(MotionEvent e1, MotionEvent e2, float arg2,
			float arg3) {
		Log.i("Fling", "Fling Happened!");
		if (e1.getX() - e2.getX() > 5) {
			this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,
					R.anim.push_left_in));
			this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,
					R.anim.push_left_out));
			if (count < 3) {
				this.flipper.showNext();
				count++;
			}

return true;
		} else if (e1.getX() - e2.getX() < -5) {
			this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,
					R.anim.push_right_in));
			this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,
					R.anim.push_right_out));
			if (count > 1) {
				this.flipper.showPrevious();
				count--;
			}
			return true;
		}
		return true;
	}

public void onLongPress(MotionEvent arg0) {
		// TODO Auto-generated method stub
		
	}

public boolean onScroll(MotionEvent arg0, MotionEvent arg1, float arg2,
			float arg3) {
		// TODO Auto-generated method stub
		return false;
	}

public void onShowPress(MotionEvent arg0) {
		// TODO Auto-generated method stub
		
	}

public boolean onSingleTapUp(MotionEvent arg0) {
		// TODO Auto-generated method stub
		return false;
	}
}

二、view_flipper.xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/layout" android:orientation="horizontal"
	android:layout_width="fill_parent" android:layout_height="fill_parent"
	>
	<ViewFlipper android:id="@+id/view_flipper"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:persistentDrawingCache="animation" android:flipInterval="1000"
		android:inAnimation="@anim/push_left_in" android:outAnimation="@anim/push_left_out">
		<LinearLayout android:orientation="horizontal" 
			android:layout_width="fill_parent" android:layout_height="fill_parent">
			<ImageView android:id="@+id/view_bg1" android:src="@drawable/bg1"
				android:layout_width="fill_parent" android:layout_height="fill_parent"
				>
			</ImageView>
		</LinearLayout>
		<LinearLayout android:orientation="horizontal" 
			android:layout_width="fill_parent" android:layout_height="fill_parent">
			<ImageView android:id="@+id/view_bg2" android:src="@drawable/bg2"
				android:layout_width="fill_parent" android:layout_height="fill_parent"
				>
			</ImageView>
		</LinearLayout>
		<LinearLayout android:orientation="horizontal"
			android:layout_width="fill_parent" android:layout_height="fill_parent">
			<ImageView android:id="@+id/view_bg3" android:src="@drawable/bg3"
				android:layout_width="fill_parent" android:layout_height="fill_parent"
			>
			</ImageView>
		</LinearLayout>
	</ViewFlipper>
</LinearLayout>

三、anim动画布局文件：

1、push_left_in.xml布局文件：

2、push_left_out.xml布局文件

3、push_right_in.xml布局文件

4、push_right_out.xml布局文件

Android ViewFlipper滑动屏幕切换图片【安卓进化十九】

更多文章、技术交流、商务合作、联系博主

微信扫码或搜索：z360901061

微信扫一扫加我为好友

QQ号联系： 360901061

您的支持是博主写作最大的动力，如果您喜欢我的文章，感觉我的文章对您有帮助，请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧，狠狠点击下面给点支持吧，站长非常感激您！手机微信长按不能支付解决办法：请将微信支付二维码保存到相册，切换到微信，然后点击微信右上角扫一扫功能，选择支付二维码完成支付。

【本文对您有帮助就好】元

2元

5元

10元

20元

自定义