ViewFilpper 是Android官方提供的一个View容器类,继承于ViewAnimator类,用于实现页面切换,也可以设定时间间隔,让它自动播放。
又ViewAnimator继承至于FrameLayout的,所以ViewFilpper的Layout里面可以放置多个View,继承关系如下:
2.效果图
暂时未添加
3.实现代码
package com.example.ui;
import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.Window;
import android.view.GestureDetector.OnGestureListener;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.LinearLayout.LayoutParams;
import android.widget.ViewFlipper;
/**
* Description: 学习ViewFlipper
*
* @author danDingCongRong
* @Version 1.0.0.
* @Created at 2014-7-28 23:35:20
* @Modified by [作者] on [修改日期]
*/
public class ViewFlipperActivity extends Activity implements OnGestureListener {
// 滑动过程中所用的图片
private static final int[] PICTURE_RESOURCES = { R.drawable.guide_page1,
R.drawable.guide_page2, R.drawable.guide_page3,
R.drawable.guide_page4, };
private ViewFlipper viewFlipper;
private GestureDetector detector;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_viewflipper);
detector = new GestureDetector(this);
initView();
}
private void initView() {
viewFlipper = (ViewFlipper) findViewById(R.id.viewFlipper);
for (int i = 0; i < PICTURE_RESOURCES.length; i++) {
ImageView imageView = new ImageView(this);
imageView.setScaleType(ScaleType.FIT_XY);
imageView.setBackgroundResource(PICTURE_RESOURCES[i]);
viewFlipper.addView(imageView, LayoutParams.MATCH_PARENT,
LayoutParams.MATCH_PARENT);
}
}
@Override
protected void onResume() {
super.onResume();
// 设置切换周期为2s且自动开始
viewFlipper.setAutoStart(true);
viewFlipper.setFlipInterval(2000);
if (viewFlipper.isAutoStart() && !viewFlipper.isFlipping()) {
viewFlipper.startFlipping();
}
}
// 利用detector捕获touchEvent事件,根据具体的类型分析有无回调函数需要执行
@Override
public boolean onTouchEvent(MotionEvent event) {
// 点击事件后,停止自动播放
viewFlipper.stopFlipping();
viewFlipper.setAutoStart(false);
return this.detector.onTouchEvent(event);
}
// 用户轻触触摸屏,有1个MotionEvent.ACTION_DOWN发生
@Override
public boolean onDown(MotionEvent e) {
return false;
}
// 用户按下触摸屏,快速滑动并松开,由1个MotionEvent.ACTION_DOWN,多个MotionEvent.ACTION_MOVE
// 和1个MotionEvent.ACTION_UP发生
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
if (e1.getX() - e2.getX() > 80) { // 从右向左滑动
viewFlipper.showNext();
return true;
} else if (e2.getX() - e1.getX() > 80) {// 从左向右滑动
viewFlipper.showPrevious();
return true;
}
return false;
}
// 用户长按触摸屏时,有多个个MotionEvent.ACTION_DOWN发生
@Override
public void onLongPress(MotionEvent e) {
;
}
// 用户按下触摸屏并拖动,由1个MotionEvent.ACTION_DOWN,多个MotionEvent.ACTION_MOVE发生
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
return false;
}
// 用户轻触触摸屏但还没有松手或者处于拖动时,有1个MotionEvent.ACTION_DOWN发生
// 其与onDown()的区别在于其强调按下但没有松手或一直拖动中
@Override
public void onShowPress(MotionEvent e) {
;
}
// (用户)轻触触摸屏后松开,有1个MotionEvent.ACTION_UP发生
@Override
public boolean onSingleTapUp(MotionEvent e) {
if (!viewFlipper.isFlipping()) {
viewFlipper.startFlipping();
return true;
}
return false;
}
}
4.示例分析
一、自动播放
ViewFlipper控件,是ImageView的容器,用于添加显示的图片资源,主要功能有两个:添加显示View和自动播放View
通过实现父类android.view.ViewGroup的addView(View child, ViewGroup.LayoutParams params)添加View资源,即图片和填充样式
启动自动播放View,可以通过设置如下三个成员函数实现:
1、 setAutoStart(true),设置是否自动播放功能,true为自动播放,false为不自动播放,开启自动播放设为true
2、 setFlipInterval(int milliseconds),设置View播放的时间间隔,如3000(3秒)
3、 startFlipping(),开始自动播放
停止自动播放View,设置成员函数如下:
1、 stopFlipping(),停止自动播放
2、 setAutoStart(false),停止自动播放,设为false
二、手势滑屏
手势滑动屏幕动画,是通过android.view.GestureDetector类检测各种手势事件实现的,该类有两个回调接口(Interface)
A、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手势;那么如果只点击一次,系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap,此时触发的就是SingleTapConfirmed事件
B、GestureDetector.OnGestureListener,用来通知普通的手势事件(down、longPress、scroll、up等),接口具体的六个抽象回调函数如下
1、onDown(MotionEvent e):down事件,表示按下事件
2、onSingleTapUp(MotionEvent e):一次点击up事件,表示按下后的抬起事件
3、onShowPress(MotionEvent e):down事件发生而move或则up还没发生前触发该事件,此事件一般用于通知用户press按击事件已发生
4、onLongPress(MotionEvent e):长按事件,down事件后up事件前的一段时间间隔后(由系统分配,也可自定义),如果仍然按住屏幕则视为长按事件
5、onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY):滑动手势事件,例如scroll事件后突然up,fling的速度大小由e每秒x和y改变大小决定
6、onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY):在屏幕上拖动事件,即down按下点——scroll拖动——up抬起点的move移动事件
本示例的滑动屏幕动画,仅用到了上面的GestureDetector.OnGestureListener及其onFling事件,具体实现步骤如下:
1、Activity实现android.view.GestureDetector.OnGestureListener 监听接口,并声明gestureDetector = new GestureDetector(this); 用于监听手势事件
2、在Activity的成员函数onTouchEvent(MotionEvent event)中,注册GestureDetector.OnGestureListener手势监听的gestureDetector.onTouchEvent(event);事件接口
3、在GestureDetector.OnGestureListener回调函数onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) 中,实现滑屏动画
参考:
1.http://blog.csdn.net/ithomer/article/details/7420567
2.http://blog.csdn.net/android_tutor/article/details/7667369
3.http://blog.csdn.net/xiezhenxiang/article/details/6659506
4.http://blog.csdn.net/feng88724/article/details/6170694