Android橫向滾動(dòng)屏幕特效分析
今天教大家寫一個(gè)類似于Android桌面的launcher效果的自定義控件,在開始寫之前大家需要熟悉幾個(gè)類和它們的方法,下面我分別列出來:
一.VelocityTracker 速度追蹤器
顧名思義這個(gè)類的作用主要是追蹤用戶手指在屏幕上的滑動(dòng)速度。當(dāng)你要跟蹤一個(gè)touch事件的時(shí)候,使用obtain()方法得到這個(gè)類的實(shí) 例,然后 用addMovement(MotionEvent)函數(shù)將你接受到的motion event加入到VelocityTracker類實(shí)例中。當(dāng)你使用到速率時(shí),使用computeCurrentVelocity(int)初始化速率的 單位,并獲得當(dāng)前的事件的速率,然后使用getXVelocity() 或getXVelocity()獲得橫向和豎向的速率。
二.ViewConfiguration
這個(gè)類里面定義了android的許多標(biāo)準(zhǔn)的常量(UI的超時(shí)、大小和距離等)。
三.GestureDetector 手勢(shì)識(shí)別器
這個(gè)類主要是追蹤用戶手指在屏幕上的滑動(dòng)方向,這個(gè)類在我們馬上要實(shí)現(xiàn)的類中沒有使用,但是使用的原理和它差不多,所以順便提一下,而且在以后的開發(fā)中,這個(gè)類也是經(jīng)常使用的。
四.Scroller
這個(gè)類主要是支持view控件滑動(dòng),其實(shí)android很多可滑動(dòng)的控件里面默認(rèn)隱藏的就是這個(gè)類。而且這個(gè)類沒有進(jìn)行實(shí)際的視圖移動(dòng),當(dāng)調(diào)用它的 startScroll()方法實(shí)際上只是為了在父類調(diào)用computeScroll()方法前開始動(dòng)畫,也就是說這個(gè)類實(shí)際上就是相當(dāng)于一個(gè)代理,值是 為了給后面視圖移動(dòng)添加一些動(dòng)畫效果。所以單獨(dú)調(diào)用startScroll()而不重寫computeScroll()方法是不會(huì)看到任何效果的。這兩者 必須配合使用,才能有移動(dòng)的時(shí)候的動(dòng)畫效果。
其中Scroller.computeScrollOffset()方法是判斷scroller的移動(dòng)動(dòng)畫是否完成,當(dāng)你調(diào)用startScroll()方法的時(shí)候這個(gè)方法返回的值一直都為true,如果采用其它方式移動(dòng)視圖比如:scrollTo()或 scrollBy時(shí)那么這個(gè)方法返回false。
現(xiàn)在來講講startScroll(int startX, int startY, int dx, int dy, int duration)方法的四個(gè)參數(shù)的意思:
- startX表示當(dāng)前視圖的x坐標(biāo)值
- startY表示當(dāng)前視圖的y坐標(biāo)值
- dx表示在當(dāng)前視圖的x坐標(biāo)基礎(chǔ)上橫向移動(dòng)的距離
- dy表示在當(dāng)前視圖的y坐標(biāo)基礎(chǔ)上縱向移動(dòng)的距離
- duration表示視圖移動(dòng)的操作在多少時(shí)間內(nèi)執(zhí)行完場(chǎng),也就是動(dòng)畫的持續(xù)時(shí)間(單位:毫秒)
五.ViewGroup
這是個(gè)特殊的View,它繼承于Android.view.View,它的功能就是裝載和管理下一層的View對(duì)象或ViewGroup對(duì)象,也就說他是一個(gè)容納其它元素的的容器。
下面我們來分別分析我們要使用這5個(gè)類的那些方法,首先我們來看ViewGroup類,因?yàn)槲覀冏远x的控件就是繼承至這個(gè)類,我們會(huì)重寫這個(gè)類中的5個(gè)方法如下:
1.onLayout(boolean changed, int l, int t, int r, int b)
這個(gè)方法是在onMeasure()方法執(zhí)行后調(diào)用,作用是父類為子類在屏幕上分配實(shí)際的寬度和高度。里面的四個(gè)參數(shù)分別表示,布局是否發(fā)生改變,布局左 上右下的邊距。
2.onMeasure(int widthMeasureSpec, int heightMeasureSpec)
這個(gè)方法在控件的父元素正要放置它的子控件時(shí)調(diào)用。然后傳入兩個(gè)參數(shù)——widthMeasureSpec和 heightMeasureSpec。它們指明控件可獲得的空間以及關(guān)于這個(gè)空間描述的元數(shù)據(jù)。比返回一個(gè)結(jié)果要好的方法是你傳遞View的高度和寬度到 setMeasuredDimension方法里。widthMeasureSpec和heightMeasureSpec參數(shù)在它們使用之前,首先要做 的是使用MeasureSpec類的靜態(tài)方法getMode和getSize來譯解。一個(gè)MeasureSpec包含一個(gè)尺寸和模式。
有三種可能的模式:
- UNSPECIFIED:父布局沒有給子布局任何限制,子布局可以任意大小。
- EXACTLY:父布局決定子布局的確切大小。不論子布局多大,它都必須限制在這個(gè)界限里。(當(dāng)布局定義為一個(gè)固定像素或者fill_parent時(shí)就是EXACTLY模式)
- AT_MOST:子布局可以根據(jù)自己的大小選擇任意大小。(當(dāng)布局定義為wrap_content時(shí)就是AT_MOST模式)
3.computeScroll()
這個(gè)方法主要是父類要求它的子類滾動(dòng)的時(shí)候調(diào)用。在這個(gè)方法里,我們可以實(shí)現(xiàn) view的滾動(dòng)操作,這里滾動(dòng)并不是view的滾動(dòng)而是布局的滾動(dòng)。當(dāng)調(diào)用scroller的startScroll()方法后父類就會(huì)調(diào)用這個(gè)方法實(shí)現(xiàn) 滾動(dòng)視圖滾動(dòng)操作。
4.onTouchEvent(MotionEvent event)
處理傳遞到view 的手勢(shì)事件。手勢(shì)事件類型包括ACTION_DOWN,ACTION_MOVE,ACTION_UP,ACTION_CANCEL等事件。Layout里 的onTouch默認(rèn)返回值是false, View里的onTouch默認(rèn)返回值是true,當(dāng)我們手指點(diǎn)擊屏幕時(shí)候,先調(diào)用ACTION_DOWN事件,當(dāng)onTouch里返回值是true的時(shí) 候,onTouch回繼續(xù)調(diào)用ACTION_UP事件,如果onTouch里返回值是false,那么onTouch只會(huì)調(diào)用ACTION_DOWN而不調(diào)用ACTION_UP.
5.onInterceptTouchEvent(MotionEvent ev)
用于攔截手勢(shì)事件的,每個(gè)手勢(shì)事件都會(huì)先調(diào)用這個(gè)方法。Layout里的onInterceptTouchEvent默認(rèn)返回值是false,這樣touch事件會(huì)傳遞到View控件。
下面再將幾個(gè)大家可能比較混亂的方法說明一下:
Invalidate()和PostInvalidate(),這兩個(gè)方法作用都一樣,就是呼叫ui線程重新繪制 界面也就是刷新界面。那為什么要兩個(gè)方法呢,這是因?yàn)閍ndroid是多線程應(yīng)用,大家應(yīng)該都知道在非UI線程中是不能直接操作界面控件的,所以第2個(gè)方 法就幫助大家在子線程中刷行界面,***個(gè)方法則是在UI線程中刷新界面。
getX()和getRawX()這兩個(gè)方法的左右都是獲取當(dāng)前點(diǎn)在屏幕上的坐標(biāo),getX()是獲取當(dāng)前點(diǎn)相對(duì)于當(dāng)前視圖左上角的坐標(biāo),getRawX()則是獲取當(dāng)前點(diǎn)相對(duì)于手機(jī)屏幕左上角的坐標(biāo)。
上面已經(jīng)把我們要用到的類和方法做了詳細(xì)描述,下面就是實(shí)現(xiàn)的源碼:
- 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;
- /**
- * 當(dāng)前的屏幕位置
- */
- private int mCurScreen;
- /**
- * 設(shè)置默認(rèn)屏幕的屬性,0表示***個(gè)屏幕
- */
- private int mDefaultScreen = 0;
- /**
- * 標(biāo)識(shí)滾動(dòng)操作已結(jié)束
- */
- private static final int TOUCH_STATE_REST = 0;
- /**
- * 標(biāo)識(shí)正在執(zhí)行滑動(dòng)操作
- */
- private static final int TOUCH_STATE_SCROLLING = 1;
- /**
- * 標(biāo)識(shí)滑動(dòng)速率
- */
- private static final int SNAP_VELOCITY = 600;
- /**
- * 當(dāng)前滑動(dòng)狀態(tài)
- */
- private int mTouchState = TOUCH_STATE_REST;
- /**
- * 在用戶觸發(fā)ontouch事件之前,我們認(rèn)為用戶能夠使view滑動(dòng)的距離(像素)
- */
- private int mTouchSlop;
- /**
- * 手指觸碰屏幕的***一次x坐標(biāo)
- */
- private float mLastMotionX;
- /**
- * 手指觸碰屏幕的***一次y坐標(biāo)
- */
- @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);
- }
- /**
- * 根據(jù)滑動(dòng)的距離判斷移動(dòng)到第幾個(gè)視圖
- */
- public void snapToDestination() {
- final int screenWidth = getWidth();
- final int destScreen = (getScrollX() + screenWidth / 2) / screenWidth;
- snapToScreen(destScreen);
- }
- /**
- * 滾動(dòng)到制定的視圖
- *
- * @param whichScreen
- * 視圖下標(biāo)
- */
- 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) {
- // 向左移動(dòng)
- snapToScreen(mCurScreen - 1);
- } else if (velocityX < -SNAP_VELOCITY
- && mCurScreen < getChildCount() - 1) {
- // 向右移動(dòng)
- 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;
- }
- }