ViewFlipper入门例子-CSDN博客

2019独角兽企业重金招聘Python工程师标准>>>

ViewFlipper

1 静态导入：直接在ViewFlipper标签中添加子标签

2 动态导入：使用addView()方法

3 常用方法： setInAnimation 设置view进入屏幕时的动画

setOutAnimation 设置view退出屏幕时的动画

showNext 调用该方法来显示ViewFlipper里面下一个view

showPrevious 调用该方法来显示ViewFlipper里面上一个view

showPrevious 设置view之间切换间隔时间

startFlipper 开始循环切换view

stopFlipper 停止切换

目录结构：

需要动画效果的xml

<!--left_in.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="-100%p"
        android:toXDelta="0" />
    <alpha 
        android:fromAlpha="0.5"
        android:toAlpha="1"
        android:duration="2000"
        />
</set>

<!--left_out.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:toXDelta="100%p" />

    <alpha
        android:duration="2000"
        android:fromAlpha="0.5"
        android:toAlpha="1" />
</set>

<!--right_in.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="100%p"
        android:toXDelta="0" />
    <alpha
        android:duration="2000"
        android:fromAlpha="0.5"
        android:toAlpha="1" />
</set>

<!--right_out.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:toXDelta="-100%p" />

    <alpha
        android:duration="2000"
        android:fromAlpha="0.5"
        android:toAlpha="1" />
</set>

layout布局文件

<LinearLayout 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"
    tools:context=".MainActivity" >
    
        <ViewFlipper 
        android:id="@+id/flipper"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        ></ViewFlipper>
    
</LinearLayout>

代码：

package com.example.viewflipper;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.ViewFlipper;

public class MainActivity extends Activity {

	private ViewFlipper flipper;
	private int[] resId = new int[] { R.drawable.pic1, R.drawable.pic2,
			R.drawable.pic3 };
	private float startX;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		flipper = (ViewFlipper) findViewById(R.id.flipper);
		// 动态导入的方式为ViewFlipper加入子View
		for (int i = 0; i < resId.length; i++) {
			flipper.addView(getImageView(resId[i]));
		}
		//设置动画效果
//		flipper.setInAnimation(this, R.anim.left_in);
//		flipper.setOutAnimation(this, R.anim.left_out);
		//设定ViewFlipper视图切换的间隔时间
//		flipper.setFlipInterval(1000);
		//开始播放
//		flipper.startFlipping();
		
	}

	private ImageView getImageView(int res) {
		ImageView imageView = new ImageView(this);
		// imageView.setImageResource(res); //因为图片的宽高不一致
		imageView.setBackgroundResource(res);
		return imageView;
	}
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		switch (event.getAction()) {
		//手指落下
		case MotionEvent.ACTION_DOWN:
			startX = event.getX();
			break;
		//手指滑动
		case MotionEvent.ACTION_MOVE:
			//判断滑动的方向
			if(event.getX()-startX>100){
				//右滑
				flipper.setInAnimation(this,R.anim.left_in);
				flipper.setOutAnimation(this,R.anim.left_out);
				flipper.showPrevious();
			}
			if(startX-event.getX()>100){
				//左滑
				flipper.setInAnimation(this,R.anim.right_in);
				flipper.setOutAnimation(this,R.anim.right_out);
				flipper.showNext();
			}
			break;
		//手指抬起
		case MotionEvent.ACTION_UP:
			
			break;
		}
		
		return super.onTouchEvent(event);
	}

}

运行效果