Android自定義StickinessView粘性滑動(dòng)效果

更新時(shí)間：2017年03月04日 09:39:25 作者：尹忠政

這篇文章主要為大家詳細(xì)介紹了Android自定義StickinessView粘性滑動(dòng)效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

design包的出現(xiàn)，Android界面發(fā)生了巨大變化，各種滑動(dòng)配合的效果，下面我就粘性滑動(dòng)中的一種進(jìn)行自定義，效果圖如下：

大家看到效果了，這里我是繼承了LinerLayout，方便一點(diǎn)，若果是ViewGroup的話，也就復(fù)雜一點(diǎn)點(diǎn)。這里分為三部分：

1.head1，頂部可移動(dòng)的Layout。
2.head2，固定的頭部，不會(huì)滑動(dòng)除屏幕外。
3.可滑動(dòng)的Layout（這里只可以是ListView，不過(guò)也可以是任何可滑動(dòng)的View，只要給出Head可滑動(dòng)的時(shí)機(jī)即可）

本StickinessView的難點(diǎn)在于，解決滑動(dòng)沖突和事件的攔截處理，接下來(lái)我一一道來(lái)。

一、首先，要確定HeadLayout什么時(shí)候可以攔截事件，那么就要確定ListView到達(dá)頂部和底部的時(shí)機(jī)。

 @Override
 public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
  View v = mListView.getChildAt(0);
  //當(dāng)firstItem的top為0的時(shí)候就認(rèn)為已經(jīng)到達(dá)ListView的頂部了
  if (mListView.getChildCount() > 0 && firstVisibleItem == 0) {
   //滑動(dòng)到頂部
   if (v.getTop() == 0) {
    //滑動(dòng)到頂部了
    isListViewTop = true;
   } else {
    isListViewBottom = false;
   }
  }else if (mListView.getChildCount()>0&&firstVisibleItem+visibleItemCount==totalItemCount){
   final View bottomChildView = mListView.getChildAt(mListView.getChildCount()-1);
//當(dāng)最后一個(gè)itemView的bottom>=ListView的高度的時(shí)候，那么就認(rèn)為到達(dá)底部了
   if    (mListView.getHeight()>=bottomChildView.getBottom()){
    isListViewBottom = true;
   }else {
    isListViewBottom = false;
   }
  }else {
   isListViewBottom = false;
   isListViewTop = false;
  }

原因很簡(jiǎn)單，因?yàn)閂iew的getTop和getBottom方法是相對(duì)父容器的位置，熟悉Layout方法的，想必就會(huì)很明白了。

二、知道了HeadView攔截事件的時(shí)機(jī)，我們就要搞清楚在此基礎(chǔ)之上，我們到底啥時(shí)候攔擊點(diǎn)擊事件，進(jìn)行滑動(dòng)。

 @Override
 public boolean onInterceptTouchEvent(MotionEvent ev) {
  switch (ev.getAction()) {
   case MotionEvent.ACTION_DOWN:
    touchY = ev.getRawY();
    isIntercept = false;
    break;
   case MotionEvent.ACTION_MOVE:
    float distant = ev.getRawY() - touchY;
    if (isListViewTop) {
     switch (mHeadPosition) {
      case TOP:
       if (distant > 0) isIntercept = true;
       break;
      case CENTER:
       isIntercept = true;
       break;
     }
    }
    if (isListViewBottom){
     switch (mHeadPosition) {
      case CENTER:
       isIntercept = true;
       break;
      case BOTTOM:
       if (distant < 0) isIntercept = true;
       break;
     }
    }

    break;
   case MotionEvent.ACTION_UP:
    isIntercept = true;
    break;
  }
  return isIntercept;
 }

跟大家講解一下onInterceptTouchEvent（MotionEvent ev）,這個(gè)方法會(huì)最先調(diào)用，當(dāng)一個(gè)事件序列攔截一次后，那么這個(gè)事件的后續(xù)事件動(dòng)作就不會(huì)再調(diào)用該方法，也就是說(shuō)，當(dāng)該ViewGroup決定攔截某個(gè)事件后，那么它注定要消費(fèi)后續(xù)的事件動(dòng)作。這里貼出HeadView的位置狀態(tài)

public static final int TOP = 0;//收縮狀態(tài)
public static final int CENTER = 1;//中間狀態(tài)
public static final int BOTTOM = 2;//展開(kāi)狀態(tài)

關(guān)于細(xì)節(jié)，想必大家畫個(gè)圖就可以知道了，注意一點(diǎn)：在攔截事件序列的時(shí)候，一般ACTION_DOWN事件不可以被攔截，因?yàn)閿r截的話，沒(méi)得意義了，后續(xù)事件就無(wú)法控制了，不可能繼續(xù)往ChildView傳遞事件序列。

三、移動(dòng)HeadView。

@Override
public boolean onTouchEvent(MotionEvent event) {
 switch (event.getAction()) {
  case MotionEvent.ACTION_DOWN:
   //獲取不到的
   break;
  case MotionEvent.ACTION_MOVE:
   int distant = (int) (touchY - event.getRawY());
   if (getScrollY() + distant-1 < MAXY && getScrollY() + distant > 0) {
    scrollTo(0, getScrollY() + distant);
   }
   break;
  case MotionEvent.ACTION_UP:
   if (getScrollY() == 0) mHeadPosition = BOTTOM;
   if (getScrollY() == MAXY) mHeadPosition = TOP;
   if (getScrollY() > 0 && getScrollY() < MAXY) mHeadPosition = CENTER;
   if (getScrollY() > MAXY / 2) {
    mScroll.startScroll(0, getScrollY(), 0, MAXY-getScrollY(),100);
    invalidate();
    mHeadPosition = TOP;
   }
   if (getScrollY() < MAXY / 2) {
    mScroll.startScroll(0, getScrollY(),0,-getScrollY(),100);
    invalidate();
    mHeadPosition = BOTTOM;
   }
   break;
 }
 return super.onTouchEvent(event);
}

這里為了使得滑動(dòng)跟家順暢我使用了Scroller這個(gè)類，該類是專門處理彈性滑動(dòng)的工具類，先初始化構(gòu)造器，在調(diào)用startScroll(）方法（其中四個(gè)參數(shù)：滑動(dòng)的x,滑動(dòng)的y,滑動(dòng)x的偏移量，滑動(dòng)y的偏移量），然后刷新視圖，最后重寫computeScroll()方法，

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

好了，基本完成，我們還要第一時(shí)間獲取HeadView的高度，那么在onMeasure（）中獲取比較好，并且只獲取一次如下

 if (MAXY == -1)
  MAXY = mHeadSecond.getMeasuredHeight();

在onFinishInflate()方法中，該方法的執(zhí)行標(biāo)志著所有的View都已經(jīng)add完畢，這里我們進(jìn)行初始化是比較妥當(dāng)?shù)摹?/p>

 @Override
  protected void onFinishInflate() {
  super.onFinishInflate();
  int count = getChildCount();
  //本粘性布局只支持ListView
  if (count == 3 && getChildAt(2) instanceof ListView)
   init();
 }

 /**
  * 初始化
  */
 private void init() {
  //獲得子元素
  mHeadFiest = getChildAt(0);
  mHeadSecond = getChildAt(1);
  mListView = (ListView) getChildAt(2);
  mListView.setOnScrollListener(this);
  mScroll = new Scroller(getContext());
 }

好了，基本就是這些。
GitHub地址：https://github.com/yzzAndroid/LianXinView

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: