Android自定義StickinessView粘性滑動效果
design包的出現(xiàn),Android界面發(fā)生了巨大變化,各種滑動配合的效果,下面我就粘性滑動中的一種進行自定義,效果圖如下:
大家看到效果了,這里我是繼承了LinerLayout,方便一點,若果是ViewGroup的話,也就復(fù)雜一點點。這里分為三部分:
1.head1,頂部可移動的Layout。
2.head2,固定的頭部,不會滑動除屏幕外。
3.可滑動的Layout(這里只可以是ListView,不過也可以是任何可滑動的View,只要給出Head可滑動的時機即可)
本StickinessView的難點在于,解決滑動沖突和事件的攔截處理,接下來我一一道來。
一、首先,要確定HeadLayout什么時候可以攔截事件,那么就要確定ListView到達頂部和底部的時機。
@Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { View v = mListView.getChildAt(0); //當firstItem的top為0的時候就認為已經(jīng)到達ListView的頂部了 if (mListView.getChildCount() > 0 && firstVisibleItem == 0) { //滑動到頂部 if (v.getTop() == 0) { //滑動到頂部了 isListViewTop = true; } else { isListViewBottom = false; } }else if (mListView.getChildCount()>0&&firstVisibleItem+visibleItemCount==totalItemCount){ final View bottomChildView = mListView.getChildAt(mListView.getChildCount()-1); //當最后一個itemView的bottom>=ListView的高度的時候,那么就認為到達底部了 if (mListView.getHeight()>=bottomChildView.getBottom()){ isListViewBottom = true; }else { isListViewBottom = false; } }else { isListViewBottom = false; isListViewTop = false; }
原因很簡單,因為View的getTop和getBottom方法是相對父容器的位置,熟悉Layout方法的,想必就會很明白了。
二、知道了HeadView攔截事件的時機,我們就要搞清楚在此基礎(chǔ)之上,我們到底啥時候攔擊點擊事件,進行滑動。
@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),這個方法會最先調(diào)用,當一個事件序列攔截一次后,那么這個事件的后續(xù)事件動作就不會再調(diào)用該方法,也就是說,當該ViewGroup決定攔截某個事件后,那么它注定要消費后續(xù)的事件動作。這里貼出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;//展開狀態(tài)
關(guān)于細節(jié),想必大家畫個圖就可以知道了,注意一點:在攔截事件序列的時候,一般ACTION_DOWN事件不可以被攔截,因為攔截的話,沒得意義了,后續(xù)事件就無法控制了,不可能繼續(xù)往ChildView傳遞事件序列。
三、移動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); }
這里為了使得滑動跟家順暢我使用了Scroller這個類,該類是專門處理彈性滑動的工具類,先初始化構(gòu)造器,在調(diào)用startScroll()方法(其中四個參數(shù):滑動的x,滑動的y,滑動x的偏移量,滑動y的偏移量),然后刷新視圖,最后重寫computeScroll()方法,
@Override public void computeScroll() { super.computeScroll(); if (mScroll.computeScrollOffset()){ scrollTo(mScroll.getCurrX(),mScroll.getCurrY()); postInvalidate(); } }
好了,基本完成,我們還要第一時間獲取HeadView的高度,那么在onMeasure()中獲取比較好,并且只獲取一次如下
if (MAXY == -1) MAXY = mHeadSecond.getMeasuredHeight();
在onFinishInflate()方法中,該方法的執(zhí)行標志著所有的View都已經(jīng)add完畢,這里我們進行初始化是比較妥當?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
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- Android中實現(xiàn)監(jiān)聽ScrollView滑動事件
- android 通過向viewpage中添加listview來完成滑動效果(類似于qq滑動界面)
- 解析Android中實現(xiàn)滑動翻頁之ViewFlipper的使用詳解
- Android利用ViewPager實現(xiàn)滑動廣告板實例源碼
- Android中實現(xiàn)水平滑動(橫向滑動)ListView示例
- android配合viewpager實現(xiàn)可滑動的標簽欄示例分享
- Android App中使用ViewPager+Fragment實現(xiàn)滑動切換效果
- Android編程中ViewPage判斷左右滑動方向的方法
- Android ViewPager無限循環(huán)實現(xiàn)底部小圓點動態(tài)滑動
- Android中RecyclerView實現(xiàn)橫向滑動代碼
相關(guān)文章
Android TextView跑馬燈效果實現(xiàn)方法
這篇文章主要介紹了Android TextView跑馬燈效果實現(xiàn)方法,涉及Android布局文件中相關(guān)屬性的設(shè)置技巧,非常簡單實用,需要的朋友可以參考下2016-01-01Android實現(xiàn)excel/pdf/word/odt/圖片相互轉(zhuǎn)換
這篇文章主要為大家詳細介紹了Android如何實現(xiàn)excel/pdf/word/odt/圖片之間的相互轉(zhuǎn)換,文中的示例代碼講解詳細,感興趣的小伙伴可以了解一下2023-04-04Android基于ImageSwitcher實現(xiàn)圖片切換功能
這篇文章主要介紹了Android基于ImageSwitcher實現(xiàn)圖片切換功能的相關(guān)資料,需要的朋友可以參考下2016-02-02Android基礎(chǔ)教程數(shù)據(jù)存儲之文件存儲
這篇文章主要介紹了Android基礎(chǔ)教程數(shù)據(jù)存儲之文件存儲的相關(guān)資料,數(shù)據(jù)存儲是Android開發(fā)的重要的知識,這里提供了實例,需要的朋友可以參考下2017-07-07