android 粘性view_Android自定义StickinessView粘性滑动效果
design包的出現，Android界面發生了巨大變化，各種滑動配合的效果，下面我就粘性滑動中的一種進行自定義，效果圖如下：
大家看到效果了，這里我是繼承了LinerLayout，方便一點，若果是ViewGroup的話，也就復雜一點點。這里分為三部分：
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的時候就認為已經到達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攔截事件的時機，我們就要搞清楚在此基礎之上，我們到底啥時候攔擊點擊事件，進行滑動。
@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),這個方法會最先調用，當一個事件序列攔截一次后，那么這個事件的后續事件動作就不會再調用該方法，也就是說，當該ViewGroup決定攔截某個事件后，那么它注定要消費后續的事件動作。這里貼出HeadView的位置狀態
public static final int TOP = 0;//收縮狀態
public static final int CENTER = 1;//中間狀態
public static final int BOTTOM = 2;//展開狀態
關于細節，想必大家畫個圖就可以知道了，注意一點：在攔截事件序列的時候，一般ACTION_DOWN事件不可以被攔截，因為攔截的話，沒得意義了，后續事件就無法控制了，不可能繼續往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(),MAXY-getScrollY(),100);
invalidate();
mHeadPosition = TOP;
}
if (getScrollY() < MAXY / 2) {
mScroll.startScroll(0,-getScrollY(),100);
invalidate();
mHeadPosition = BOTTOM;
}
break;
}
return super.onTouchEvent(event);
}
這里為了使得滑動跟家順暢我使用了Scroller這個類，該類是專門處理彈性滑動的工具類，先初始化構造器，在調用startScroll()方法(其中四個參數：滑動的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()方法中，該方法的執行標志著所有的View都已經add完畢，這里我們進行初始化是比較妥當的。
@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());
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持編程小技巧。
總結
以上是生活随笔為你收集整理的android 粘性view_Android自定义StickinessView粘性滑动效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux防火墙 33001端口,Lin
- 下一篇： vue获取table一列数据_vue表格