Android自定義StickinessView粘性滑動(dòng)效果
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;//展開狀態(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í)有所幫助,也希望大家多多支持腳本之家。
- Android中實(shí)現(xiàn)監(jiān)聽(tīng)ScrollView滑動(dòng)事件
- android 通過(guò)向viewpage中添加listview來(lái)完成滑動(dòng)效果(類似于qq滑動(dòng)界面)
- 解析Android中實(shí)現(xiàn)滑動(dòng)翻頁(yè)之ViewFlipper的使用詳解
- Android利用ViewPager實(shí)現(xiàn)滑動(dòng)廣告板實(shí)例源碼
- Android中實(shí)現(xiàn)水平滑動(dòng)(橫向滑動(dòng))ListView示例
- android配合viewpager實(shí)現(xiàn)可滑動(dòng)的標(biāo)簽欄示例分享
- Android App中使用ViewPager+Fragment實(shí)現(xiàn)滑動(dòng)切換效果
- Android編程中ViewPage判斷左右滑動(dòng)方向的方法
- Android ViewPager無(wú)限循環(huán)實(shí)現(xiàn)底部小圓點(diǎn)動(dòng)態(tài)滑動(dòng)
- Android中RecyclerView實(shí)現(xiàn)橫向滑動(dòng)代碼
相關(guān)文章
Android TextView跑馬燈效果實(shí)現(xiàn)方法
這篇文章主要介紹了Android TextView跑馬燈效果實(shí)現(xiàn)方法,涉及Android布局文件中相關(guān)屬性的設(shè)置技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-01-01
Android實(shí)現(xiàn)類似ios滑動(dòng)按鈕
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)類似ios滑動(dòng)按鈕,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08
Activity生命周期與啟動(dòng)模式圖文解說(shuō)
這篇文章主要介紹了Activity生命周期與啟動(dòng)模式圖文解說(shuō),內(nèi)容比較詳細(xì),具有一定參考價(jià)值,需要的朋友可以了解下。2017-11-11
Android實(shí)現(xiàn)excel/pdf/word/odt/圖片相互轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了Android如何實(shí)現(xiàn)excel/pdf/word/odt/圖片之間的相互轉(zhuǎn)換,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2023-04-04
Android?獲取IP和UA實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了Android?獲取IP和UA實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03
Android基于ImageSwitcher實(shí)現(xiàn)圖片切換功能
這篇文章主要介紹了Android基于ImageSwitcher實(shí)現(xiàn)圖片切換功能的相關(guān)資料,需要的朋友可以參考下2016-02-02
Android基礎(chǔ)教程數(shù)據(jù)存儲(chǔ)之文件存儲(chǔ)
這篇文章主要介紹了Android基礎(chǔ)教程數(shù)據(jù)存儲(chǔ)之文件存儲(chǔ)的相關(guān)資料,數(shù)據(jù)存儲(chǔ)是Android開發(fā)的重要的知識(shí),這里提供了實(shí)例,需要的朋友可以參考下2017-07-07

