android横向滚动屏幕特效分析

java-mans

浏览: 11431093 次

最近访客更多访客>>

morelily

devcang

serisboy

chjinniu

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (15568)

社区版块

存档分类

2012-08 ( 1467)
2012-07 ( 1872)
2012-06 ( 1125)
更多存档...

今天教大家写一个类似于android桌面的launcher效果的自定义控件,在开始写之前大家需要熟悉几个类和它们的方法,下面我分别列出来：

1.VelocityTracker 速度追踪器，顾名思义这个累的作用主要是追踪用户手指在屏幕上的滑动速度。当你要跟踪一个touch事件的时候，使用obtain()方法得到这个类的实例，然后用addMovement(MotionEvent)函数将你接受到的motion event加入到VelocityTracker类实例中。当你使用到速率时，使用computeCurrentVelocity(int)初始化速率的单位，并获得当前的事件的速率，然后使用getXVelocity() 或getXVelocity()获得横向和竖向的速率。

2.ViewConfiguration 这个类里面定义了android的许多标准的常量（UI的超时、大小和距离等）。

3.GestureDetector 手势识别器，这个类主要是追踪用户手指在屏幕上的滑动方向，这个类在我们马上要实现的类中没有使用，但是使用的原理和它差不多，所以顺便提一下，而且在以后的开发中，这个类也是经常使用的。

4.Scroller 这个类主要是支持view控件滑动，其实android很多可滑动的控件里面默认隐藏的就是这个类。而且这个类没有进行实际的视图移动，当调用它的startScroll()方法实际上只是为了在父类调用computeScroll()方法前开始动画，也就是说这个类实际上就是相当于一个代理，值是为了给后面视图移动添加一些动画效果。所以单独调用startScroll()而不重写computeScroll()方法是不会看到任何效果的。这两者必须配合使用,才能有移动的时候的动画效果。

其中Scroller.computeScrollOffset()方法是判断scroller的移动动画是否完成，当你调用startScroll()方法的时候这个方法返回的值一直都为true，如果采用其它方式移动视图比如：scrollTo()或scrollBy时那么这个方法返回false。

现在来讲讲startScroll(int startX, int startY, int dx, int dy, int duration)方法的四个参数的意思

startX表示当前视图的x坐标值

startY表示当前视图的y坐标值

dx表示在当前视图的x坐标基础上横向移动的距离

dy表示在当前视图的y坐标基础上纵向移动的距离

duration表示视图移动的操作在多少时间内执行完场，也就是动画的持续时间(单位：毫秒)

5.ViewGroup 这是个特殊的View，它继承于Android.view.View，它的功能就是装载和管理下一层的View对象或ViewGroup对象，也就说他是一个容纳其它元素的的容器。

下面我们来分别分析我们要使用这5个类的那些方法，首先我们来看ViewGroup类，因为我们自定义的控件就是继承至这个类，我们会重写这个类中的5个方法如下：

1.onLayout(boolean changed, int l, int t, int r, int b) 这个方法是在onMeasure()方法执行后调用，作用是父类为子类在屏幕上分配实际的宽度和高度。里面的四个参数分别表示，布局是否发生改变，布局左上右下的边距。

2.onMeasure(int widthMeasureSpec, int heightMeasureSpec)这个方法在控件的父元素正要放置它的子控件时调用。然后传入两个参数——widthMeasureSpec和heightMeasureSpec。它们指明控件可获得的空间以及关于这个空间描述的元数据。比返回一个结果要好的方法是你传递View的高度和宽度到setMeasuredDimension方法里。widthMeasureSpec和heightMeasureSpec参数在它们使用之前，首先要做的是使用MeasureSpec类的静态方法getMode和getSize来译解。一个MeasureSpec包含一个尺寸和模式。有三种可能的模式：
UNSPECIFIED：父布局没有给子布局任何限制，子布局可以任意大小。
EXACTLY：父布局决定子布局的确切大小。不论子布局多大，它都必须限制在这个界限里。(当布局定义为一个固定像素或者fill_parent时就是EXACTLY模式)
AT_MOST：子布局可以根据自己的大小选择任意大小。(当布局定义为wrap_content时就是AT_MOST模式)

3.computeScroll()这个方法主要是父类要求它的子类滚动的时候调用。在这个方法里，我们可以实现view的滚动操作，这里滚动并不是view的滚动而是布局的滚动。当调用scroller的startScroll()方法后父类就会调用这个方法实现滚动视图滚动操作。

4.onTouchEvent(MotionEvent event) 处理传递到view 的手势事件。手势事件类型包括ACTION_DOWN,ACTION_MOVE,ACTION_UP,ACTION_CANCEL等事件。Layout里的onTouch默认返回值是false, View里的onTouch默认返回值是true,当我们手指点击屏幕时候，先调用ACTION_DOWN事件,当onTouch里返回值是true的时候，onTouch回继续调用ACTION_UP事件，如果onTouch里返回值是false，那么onTouch只会调用ACTION_DOWN而不调用ACTION_UP.

5.onInterceptTouchEvent(MotionEvent ev) 用于拦截手势事件的，每个手势事件都会先调用这个方法。Layout里的onInterceptTouchEvent默认返回值是false,这样touch事件会传递到View控件。

下面再将几个大家可能比较混乱的方法说明一下：

Invalidate()和PostInvalidate()，这两个方法作用都一样，就是呼叫ui线程重新绘制界面也就是刷新界面。那为什么要两个方法呢，这是因为android是多线程应用，大家应该都知道在非UI线程中是不能直接操作界面控件的，所以第2个方法就帮助大家在子线程中刷行界面，第一个方法则是在UI线程中刷新界面。

getX()和getRawX()这两个方法的左右都是获取当前点在屏幕上的坐标，getX()是获取当前点相对于当前视图左上角的坐标，getRawX()则是获取当前点相对于手机屏幕左上角的坐标。

上面已经把我们要用到的类和方法做了详细描述下面就是实现的源码：

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.Scroller;

/**
 * @author  
 */
public class ScrollLayout extends ViewGroup {

	private Scroller mScroller;
	private VelocityTracker mVelocityTracker;

	/**
	 * 当前的屏幕位置
	 */
	private int mCurScreen;

	/**
	 * 设置默认屏幕的属性，0表示第一个屏幕
	 */
	private int mDefaultScreen = 0;

	/**
	 * 标识滚动操作已结束
	 */
	private static final int TOUCH_STATE_REST = 0;
	/**
	 * 标识正在执行滑动操作
	 */
	private static final int TOUCH_STATE_SCROLLING = 1;

	/**
	 * 标识滑动速率
	 */
	private static final int SNAP_VELOCITY = 600;

	/**
	 * 当前滑动状态
	 */
	private int mTouchState = TOUCH_STATE_REST;

	/**
	 * 在用户触发ontouch事件之前,我们认为用户能够使view滑动的距离（像素）
	 */
	private int mTouchSlop;

	/**
	 * 手指触碰屏幕的最后一次x坐标
	 */
	private float mLastMotionX;

	/**
	 * 手指触碰屏幕的最后一次y坐标
	 */
	@SuppressWarnings("unused")
	private float mLastMotionY;

	public ScrollLayout(Context context) {
		super(context);
		mScroller = new Scroller(context);
		mCurScreen = mDefaultScreen;
		mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
	}

	public ScrollLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		mScroller = new Scroller(context);
		mCurScreen = mDefaultScreen;
		mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
	}

	public ScrollLayout(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		mScroller = new Scroller(context);
		mCurScreen = mDefaultScreen;
		mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		if (changed) {
			int childLeft = 0;
			final int childCount = getChildCount();

			for (int i = 0; i < childCount; i++) {
				final View childView = getChildAt(i);
				if (childView.getVisibility() != View.GONE) {
					final int childWidth = childView.getMeasuredWidth();
					childView.layout(childLeft, 0, childLeft + childWidth,
							childView.getMeasuredHeight());
					childLeft += childWidth;
				}
			}
		}
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);

		final int width = MeasureSpec.getSize(widthMeasureSpec);
		final int widthMode = MeasureSpec.getMode(widthMeasureSpec);
		if (widthMode != MeasureSpec.EXACTLY) {
			throw new IllegalStateException(
					"ScrollLayout only canmCurScreen run at EXACTLY mode!");
		}

		final int heightMode = MeasureSpec.getMode(heightMeasureSpec);
		if (heightMode != MeasureSpec.EXACTLY) {
			throw new IllegalStateException(
					"ScrollLayout only can run at EXACTLY mode!");
		}

		final int count = getChildCount();
		for (int i = 0; i < count; i++) {
			getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);
		}
		// 初始化视图的位置
		scrollTo(mCurScreen * width, 0);
	}

	/**
	 * 根据滑动的距离判断移动到第几个视图
	 */
	public void snapToDestination() {
		final int screenWidth = getWidth();
		final int destScreen = (getScrollX() + screenWidth / 2) / screenWidth;
		snapToScreen(destScreen);
	}

	/**
	 * 滚动到制定的视图
	 * 
	 * @param whichScreen
	 *            视图下标
	 */
	public void snapToScreen(int whichScreen) {
		whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1));
		if (getScrollX() != (whichScreen * getWidth())) {

			final int delta = whichScreen * getWidth() - getScrollX();
			mScroller.startScroll(getScrollX(), 0, delta, 0, 1000);
			mCurScreen = whichScreen;
			invalidate();
		}
	}

	public void setToScreen(int whichScreen) {
		whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1));
		mCurScreen = whichScreen;
		scrollTo(whichScreen * getWidth(), 0);
	}

	public int getCurScreen() {
		return mCurScreen;
	}

	@Override
	public void computeScroll() {
		if (mScroller.computeScrollOffset()) {
			scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
			postInvalidate();
		}
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		if (mVelocityTracker == null) {
			mVelocityTracker = VelocityTracker.obtain();
		}
		mVelocityTracker.addMovement(event);

		final int action = event.getAction();
		final float x = event.getX();

		switch (action) {
		case MotionEvent.ACTION_DOWN:
			if (!mScroller.isFinished()) {
				mScroller.abortAnimation();
			}
			mLastMotionX = x;
			break;

		case MotionEvent.ACTION_MOVE:
			int deltaX = (int) (mLastMotionX - x);
			mLastMotionX = x;

			scrollBy(deltaX, 0);
			break;

		case MotionEvent.ACTION_UP:
			final VelocityTracker velocityTracker = mVelocityTracker;
			velocityTracker.computeCurrentVelocity(1000);
			int velocityX = (int) velocityTracker.getXVelocity();

			if (velocityX > SNAP_VELOCITY && mCurScreen > 0) {
				// 向左移动
				snapToScreen(mCurScreen - 1);
			} else if (velocityX < -SNAP_VELOCITY
					&& mCurScreen < getChildCount() - 1) {
				// 向右移动
				snapToScreen(mCurScreen + 1);
			} else {
				snapToDestination();
			}
			if (mVelocityTracker != null) {
				mVelocityTracker.recycle();
				mVelocityTracker = null;
			}
			mTouchState = TOUCH_STATE_REST;
			break;
		case MotionEvent.ACTION_CANCEL:
			mTouchState = TOUCH_STATE_REST;
			break;
		}

		return true;
	}

	@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {
		final int action = ev.getAction();
		if ((action == MotionEvent.ACTION_MOVE)
				&& (mTouchState != TOUCH_STATE_REST)) {
			return true;
		}

		final float x = ev.getX();
		final float y = ev.getY();

		switch (action) {
		case MotionEvent.ACTION_MOVE:
			final int xDiff = (int) Math.abs(mLastMotionX - x);
			if (xDiff > mTouchSlop) {
				mTouchState = TOUCH_STATE_SCROLLING;
			}
			break;

		case MotionEvent.ACTION_DOWN:
			mLastMotionX = x;
			mLastMotionY = y;
			mTouchState = mScroller.isFinished() ? TOUCH_STATE_REST
					: TOUCH_STATE_SCROLLING;
			break;

		case MotionEvent.ACTION_CANCEL:
		case MotionEvent.ACTION_UP:
			mTouchState = TOUCH_STATE_REST;
			break;
		}

		return mTouchState != TOUCH_STATE_REST;
	}

}

分享到：