android ViewFlipper的使用

参照了网上的代码,根据自己的亲身实践,纠正了网上一些错误,现总结ViewFlipper的使用如下,希望给大家有个帮助,也给自己总结一下。

屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。

通过查看android API文档可以发现,有个android.widget.ViewAnimator类继承至FrameLayout,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数:

  1.     setInAnimation:设置View进入屏幕时候使用的动画,该函数有两个版本,一个接受单个参数,类型为android.view.animation.Animation;一个接受两个参数,类型为Context和int,分别为Context对象和定义Animation的resourceID。
  2.     setOutAnimation: 设置View退出屏幕时候使用的动画,参数setInAnimation函数一样。
  3.     showNext: 调用该函数来显示FrameLayout里面的下一个View。
  4.     showPrevious: 调用该函数来显示FrameLayout里面的上一个View。

一般不直接使用ViewAnimator而是使用它的两个子类ViewFlipper和ViewSwitcher。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果,可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数:

  1.     isFlipping: 用来判断View切换是否正在进行
  2.     setFilpInterval:设置View之间切换的时间间隔
  3.     startFlipping:使用上面设置的时间间隔来开始切换所有的View,切换会循环进行
  4.     stopFlipping: 停止View切换

ViewSwitcher 顾名思义Switcher特指在两个View之间切换。可以通过该类指定一个ViewSwitcher.ViewFactory 工程类来创建这两个View。该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。
在教程中通过示例介绍ViewFlipper 的使用,其他的使用方式是类似的。

ViewFlipper示例
记住,ViewFlipper是继承至FrameLayout的,所以它是一个Layout里面可以放置多个View。在示例中定义一个ViewFlipper,里面包含三个ViewGroup作为示例的三个屏幕,每个ViewGroup中包含一个按钮和一张图片,点击按钮则显示下一个屏幕。代码如下(res\layout\activity_main):

<?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" xmlns:android1="http://schemas.android.com/apk/res/android">

    <ViewFlipper
        android:id="@+id/flipper"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:flipInterval="5000"
        android:inAnimation="@anim/push_left_in"  
		android:outAnimation="@anim/push_left_out"
        android:persistentDrawingCache="animation" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >

            <Button
                android:id="@+id/Button_next1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Next" >
            </Button>

            <ImageView
                android:id="@+id/image1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/photo1" >
            </ImageView>
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >

            <Button
                android:id="@+id/Button_next2"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Next" >
            </Button>

            <ImageView
                android:id="@+id/image2"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/photo2" >
            </ImageView>
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >

            <Button
                android:id="@+id/Button_next3"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Next" >
            </Button>

            <ImageView
                android:id="@+id/image3"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/photo3" >
            </ImageView>
        </LinearLayout>
    </ViewFlipper>

</LinearLayout>


很简单,在Layout定义中指定动画的相关属性就可以了,通过persistentDrawingCache指定缓存策略;flipInterval指定每个View动画之间的时间间隔;inAnimation和outAnimation分别指定View进出使用的动画效果。动画效果定义如下:

res/anim/push_left_in.xml

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

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

    <alpha
        android:duration="5000"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>

res/anim/push_left_out.xml

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

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

    <alpha
        android:duration="5000"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>

res/anim/push_right_in.xml

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

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

    <alpha
        android:duration="5000"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>

res/anim/push_right_out.xml

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

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

    <alpha
        android:duration="5000"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>
Activity代码如下 MainActivity.java

package com.example.viewflipper;

import android.os.Bundle;
import android.app.Activity;
import android.view.GestureDetector;
import android.view.GestureDetector.OnDoubleTapListener;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ViewFlipper;

public class MainActivity extends Activity implements OnGestureListener,
		OnDoubleTapListener {
	private ViewFlipper mViewFlipper;
	private GestureDetector mGestureDetector;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		Button buttonNext1 = (Button) findViewById(R.id.Button_next1);
		mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);
		buttonNext1.setOnClickListener(new View.OnClickListener() {
			public void onClick(View view) {
				// 在layout中定义的属性,也可以在代码中指定
				// mViewFlipper.setInAnimation(getApplicationContext(),
				// R.anim.push_left_in);
				// mViewFlipper.setOutAnimation(getApplicationContext(),
				// R.anim.push_left_out);
				// mViewFlipper.setPersistentDrawingCache(ViewGroup.PERSISTENT_ALL_CACHES);
				// mViewFlipper.setFlipInterval(1000);
				mViewFlipper.showNext();
				// 调用下面的函数将会循环显示mViewFlipper内的所有View。
				// mViewFlipper.startFlipping();
			}
		});

		Button buttonNext2 = (Button) findViewById(R.id.Button_next2);
		buttonNext2.setOnClickListener(new View.OnClickListener() {
			public void onClick(View view) {
				mViewFlipper.showNext();
			}

		});
		Button buttonNext3 = (Button) findViewById(R.id.Button_next3);
		buttonNext3.setOnClickListener(new View.OnClickListener() {
			public void onClick(View view) {
				mViewFlipper.showNext();
			}

		});
		mGestureDetector = new GestureDetector(this, this);
	}

	@Override
	public boolean onDoubleTap(MotionEvent e) {
		if (mViewFlipper.isFlipping()) {
			mViewFlipper.stopFlipping();
		} else {
			mViewFlipper.startFlipping();
		}
		return true;
	}

	@Override
	public boolean onDoubleTapEvent(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean onSingleTapConfirmed(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}

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

	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {
		if (e1.getX() > e2.getX()) {// move to left
			mViewFlipper.showNext();
		} else if (e1.getX() < e2.getX()) {
			mViewFlipper.setInAnimation(getApplicationContext(),
					R.anim.push_right_in);
			mViewFlipper.setOutAnimation(getApplicationContext(),
					R.anim.push_right_out);
			mViewFlipper.showPrevious();
			mViewFlipper.setInAnimation(getApplicationContext(),
					R.anim.push_left_in);
			mViewFlipper.setOutAnimation(getApplicationContext(),
					R.anim.push_left_out);
		} else {
			return false;
		}
		return true;
	}

	@Override
	public void onLongPress(MotionEvent e) {
		// TODO Auto-generated method stub

	}

	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
			float distanceY) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public void onShowPress(MotionEvent e) {
		// TODO Auto-generated method stub

	}

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

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		return this.mGestureDetector.onTouchEvent(event);
	}
}
现在对上述代码进行解释:

通过android.view.GestureDetector类可以检测各种手势事件,该类有两个回调接口分别用来通知具体的事件:

 GestureDetector.OnDoubleTapListener:用来通知DoubleTap事件,类似于鼠标的双击事件,该接口有如下三个回调函数:
 
1.   onDoubleTap(MotionEvent e):通知DoubleTap手势,
2.   onDoubleTapEvent(MotionEvent e):通知DoubleTap手势中的事件,包含down、up和move事件(这里指的是在双击之间发生的事件,例如在同一个地方   双击会产生DoubleTap手势,而在DoubleTap手势里面还会发生down和up事    件,这两个事件由该函数通知);
3.   onSingleTapConfirmed(MotionEvent e):用来判定该次点击是SingleTap而不是DoubleTap,如果连续点击两次就是DoubleTap手势,如果只点击一次,OPhone系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap,然后触发SingleTapConfirmed事件。

 GestureDetector.OnGestureListener:用来通知普通的手势事件,该接口有如下六个回调函数:
1.  onDown(MotionEvent e):down事件;
2.  onSingleTapUp(MotionEvent e):一次点击up事件;
3.  onShowPress(MotionEvente):down事件发生而move或则up还没发生前触发该事件;
4.  onLongPress(MotionEvent e):长按事件;
5.  onFling(MotionEvent e1, MotionEvent e2, float velocityX, floatvelocityY):滑动手势事件;
6.  onScroll(MotionEvent e1, MotionEvent e2, float distanceX, floatdistanceY):在屏幕上拖动事件。

 这些事件有些定义的不太容易理解,在示例项目中实现了所有的回调函数,可以在每个函数中输出相关的日志,对这些事件不理解的可以运行项目,通过不同的操作来触发事件,然后观看logcat输出日志可有助于对这些事件的理解。
 
在上述事件中,如果在程序中处理的该事件就返回true否则返回false,在GestureDetector中也定义了一个SimpleOnGestureListener类,这是个适配器类,实现了上述的所有函数并且都返回false。如果在项目中只需要监听某个事件,只继承这个类并实现相关的方法即可,并不需要实现所有的方法。

onDoubleTap中实现双击自动切换的效果,再次双击则停止。

到这里ViewFlipper代码就完成了,现在可以通过左右滑动切换View并且双击可以自动切换View。

以上代码摘于网上,希望对大家有所裨益!!!!


需要源代码的朋友可以下载:

http://download.csdn.net/detail/lovexieyuan520/6002097

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值