關(guān)于滑動界面的思考——ScrollView的狀態(tài)變化

原文:http://blog.csdn.net/CodeTraveller/article/details/50818754
ScrollView的狀態(tài)變化
前言:
所用代碼和及描述僅代表個人觀點,歡迎交流。 轉(zhuǎn)載請說明出處:http://blog.csdn.net/CodeTraveller/article/details/50818754
用戶場景:
在公司做一個 Android 項目,相信大家都有一個直觀的體會,就是一旦某個功能在 iOS 上看上去非常牛X, 負責(zé) Android 開發(fā)的程序猿就必須想盡辦法把這個相似的功能克隆到 Android 項目中,所以就是如下設(shè)計:

這里寫圖片描述

在Android中實現(xiàn)上圖功能,我用一個 ScrollView 包裹了首頁的 Layout,然后通過監(jiān)聽 ScrollView 的各種狀態(tài)來控制下面的那個“返回頂部”的View 的顯示或隱藏。
首先我們得知道,ScrollView是沒有一個方法能監(jiān)聽它的滑動狀態(tài)的(ListView有這個方法setOnScrollListener()),和滑動相關(guān)的只有一個記錄屏幕 Touch 事件的setOnTouchListener()方法。
所以最先想到的是通過手指動作來控制 Layout 的顯示,但是這樣就遇到下面這些問題:
1, 我們的手指在接觸屏幕后,也許會有抖動現(xiàn)象,這樣在判斷手指上下移動時就會出現(xiàn)錯誤判斷,這會使 Layout 的滑入劃出非常的突兀;
2, 我們在 Activity 或 Fragment 中本來就需要處理太多的事,如果在其中還監(jiān)聽屏幕動作的話,會讓我們的代(老)碼(板)非常混(生)亂(氣)。
3, 我僅僅需要一個能夠得到其狀態(tài)的 ScrollView ,不希望讓控件的使用者看到太多的判斷用戶動作的邏輯,并且這樣一個可得到其狀態(tài)的 ScrollView 是在很多界面都需要使用的。
代碼分析:
廢話說了一大堆,下面直接上代碼,先來看看新的 ScrollView 的完整代碼:

/**
 * @Created by mingweiliao on 16-3-4.
 */
public class ActionScrollView extends ScrollView {

    public final static int ACTION_SCROLL_TOP = -1;
    public final static int ACTION_SCROLL_BOTTOM = 1;
    public final static int ACTION_SCROLL_UP = 10;
    public final static int ACTION_SCROLL_STOP = 11;
    public final static int ACTION_SCROLL_DOWN = 12;

    private final static String TAG_ACTION = "ACTION";
    private final static String TAG_SCROLL_Y = "SCROLL_Y";
    private final static int HANDLE_WHAT_ACTION = 1;
    private final static int HANDLE_WHAT_TIME = 2;
    private final static int msg = 0;
    private long delayedTime = 0;
    private boolean msgLock;

    private int lastScrollY = 0;
    private ScrollHandler handler = new ScrollHandler();

    private class ScrollHandler extends Handler {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            if (msg.what == HANDLE_WHAT_ACTION) {
                int action = msg.getData().getInt(TAG_ACTION);
                int scrollY = msg.getData().getInt(TAG_SCROLL_Y);
                onScrollActionListener.onScroll(action, scrollY);
                msgLock = true;
                handler.sendEmptyMessageDelayed(HANDLE_WHAT_TIME, delayedTime);
            } else if (msg.what == HANDLE_WHAT_TIME) {
                msgLock = false;
                lastScrollY = getScrollY();
            }
        }
    }

    public ActionScrollView(Context context) {
        super(context);
    }

    public ActionScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    private OnScrollActionListener onScrollActionListener;

    public interface OnScrollActionListener {
        void onScroll(int action, int scrollY);
    }

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        checkScrollAction();
    }

    private void checkScrollAction() {
        if (onScrollActionListener == null || msgLock)
            return;
        if (handler == null)
            handler = new ScrollHandler();
        int action = -0x1024;
        int scrollY = getScrollY();
        View childView = getChildAt(0);
        if (getScrollY() <= 0) {
            action = ACTION_SCROLL_TOP;
        } else if (childView != null && childView.getHeight() <= scrollY + getHeight()) {
            action = ACTION_SCROLL_BOTTOM;
        } else if (scrollY - lastScrollY < 0) {
            action = ACTION_SCROLL_UP;
        } else if (scrollY - lastScrollY > 0) {
            action = ACTION_SCROLL_DOWN;
        } else if (scrollY - lastScrollY == 0) {
            action = ACTION_SCROLL_STOP;
        }
        if (action != -0x1024) {
            Message msg = new Message();
            msg.what = HANDLE_WHAT_ACTION;
            Bundle bundle = new Bundle();
            bundle.putInt(TAG_ACTION, action);
            bundle.putInt(TAG_SCROLL_Y, scrollY);
            msg.setData(bundle);
            handler.sendMessage(msg);
        }
        Log.e("ActionScrollView", "ScrollY : " + getScrollY() + "lastScrollY : " + lastScrollY);
        lastScrollY = getScrollY();
    }

    public void setActionDelayedTime(long delayedTime) {
        this.delayedTime = delayedTime;
    }

    @Override
    protected void onDetachedFromWindow() {
        try {
            Log.e("ScrollView", " onDetachedFromWindow() ");
            handler.removeMessages(0);
            handler = null;
        } catch (Exception e) {

        }
        super.onDetachedFromWindow();
    }

    public void setOnScrollActionListener(OnScrollActionListener listener) {
        this.onScrollActionListener = listener;
    }
}

代碼段解析:

 //滑動條滑動到頂部
    public final static int ACTION_SCROLL_TOP = -1;
    //滑動條滑動到底部
    public final static int ACTION_SCROLL_BOTTOM = 1;
    //滑動條在向上劃
    public final static int ACTION_SCROLL_UP = 10;
    //滑動條沒有滑動(這個白送的)
    public final static int ACTION_SCROLL_STOP = 11;
    //滑動條在向下劃
    public final static int ACTION_SCROLL_DOWN = 12;

上面五個常量記錄了ScrollView滑動時的五種狀態(tài)

 public interface OnScrollActionListener {
        void onScroll(int action, int scrollY);
    }
    public void setOnScrollActionListener(OnScrollActionListener listener) {
        this.onScrollActionListener = listener;
    }

這個借口返回一個是狀態(tài)值,一個是滑動條的ScrollY的值,通過這個兩個值,用戶可以知道滑動條具體滑動到哪里以及用戶的滑動動作是什么。

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        checkScrollAction();
    }

private void checkScrollAction() {
  //判斷用戶是否設(shè)置監(jiān)聽以及是否對該方法上鎖
    if (onScrollActionListener == null || msgLock)
        return;
        //創(chuàng)建handler來對該方法上鎖,防止多次執(zhí)行
    if (handler == null)
        handler = new ScrollHandler();
        //初始化ScrollView動作及當(dāng)前的Y軸位置
    int action = -0x1024;
    int scrollY = getScrollY();
    //獲得子布局高度
    View childView = getChildAt(0);
    if (getScrollY() <= 0) {
      //如果當(dāng)前位置在頂部
        action = ACTION_SCROLL_TOP;
    } else if (childView != null && childView.getHeight() <= scrollY + getHeight()) {
      //如果位置在底部
        action = ACTION_SCROLL_BOTTOM;
    } else if (scrollY - lastScrollY < 0) {
      //如果ScrollBar在上滑
        action = ACTION_SCROLL_UP;
    } else if (scrollY - lastScrollY > 0) {
      //如果ScrollView在下滑
        action = ACTION_SCROLL_DOWN;
    } else if (scrollY - lastScrollY == 0) {
      //如果ScrollView沒有動
        action = ACTION_SCROLL_STOP;
    }
    //如果動作不是初始動作(因為我沒有做else處理)
    if (action != -0x1024) {
      //發(fā)送Handler消息來通知接口,ScrollBar更新了狀態(tài)
        Message msg = new Message();
        msg.what = HANDLE_WHAT_ACTION;
        Bundle bundle = new Bundle();
        bundle.putInt(TAG_ACTION, action);
        bundle.putInt(TAG_SCROLL_Y, scrollY);
        msg.setData(bundle);
        handler.sendMessage(msg);
    }
    Log.e("ActionScrollView", "ScrollY : " + getScrollY() + "lastScrollY : " + lastScrollY);
    //每次更新了狀態(tài),需要將lastScrollY設(shè)置為結(jié)束時的ScrollY
    lastScrollY = getScrollY();
}

這個是最關(guān)鍵的方法,onScrollChanged()方法會在ScrollView滑動時調(diào)用,并且是滑動過程中實時更新,所以重寫了這個方法來實時的返回ScrollView的滑動狀態(tài)。

其中,判斷到達底部的方法是這樣的:

childView != null && childView.getHeight() <= scrollY + getHeight()
當(dāng)ScrollBar滑動到底部時,如果沒有彈性滑動,scrollY的值就不會變了,是子布局的高度和ScrollView的高度的差,但是很多手機的ScrollView是可以彈性滑動的,這就導(dǎo)致scrollY + getHeight()的值可能大于子布局的高度,所以,這里需要做“<=”的判斷。

private ScrollHandler handler = new ScrollHandler();

   private class ScrollHandler extends Handler {
       @Override
       public void handleMessage(Message msg) {
           super.handleMessage(msg);
           if (msg.what == HANDLE_WHAT_ACTION) {
               int action = msg.getData().getInt(TAG_ACTION);
               int scrollY = msg.getData().getInt(TAG_SCROLL_Y);
               onScrollActionListener.onScroll(action, scrollY);
               msgLock = true;
               handler.sendEmptyMessageDelayed(HANDLE_WHAT_TIME, delayedTime);
           } else if (msg.what == HANDLE_WHAT_TIME) {
               msgLock = false;
               lastScrollY = getScrollY();
           }
       }
   }

這里使用Handler進行刷新操作,是考慮到可能有些用戶不希望實時監(jiān)聽,又不想重寫OnTouch()方法,所以,提供一個延遲時間,在單位延遲時間內(nèi),接口中的onScroll()方法只會執(zhí)行一次。
總結(jié):
1,重寫onTouchEvent()方法和onScrollChanged()都可以監(jiān)聽用戶動作,但是onTouchEvent()不是實時監(jiān)聽,它只會監(jiān)聽用戶手指按下到彈起這段時間內(nèi)的動作,onScrollChanged()則是實時監(jiān)聽ScrollBar的狀態(tài),只要其狀態(tài)改變,就會執(zhí)行。
2,如果不希望onScroll()中的方法執(zhí)行多次,可以設(shè)置延遲時間,并為onScroll()里面的方法添加同步塊。或如例子中,設(shè)置synchronized 方法。
3,ScrollBar滑動到底部時,scrollY + ScrollView.getHeight()是大于或者等于子控件的高度的(可滑動距離+ScrollView的高度>=ScrollView中布局的高度)。
項目下載地址: Android-Studio環(huán)境:http://download.csdn.net/detail/codetraveller/9454491

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容