design包的出现&＃xff0c;Android界面发生了巨大变化&＃xff0c;各种滑动配合的效果&＃xff0c;下面我就粘性滑动中的一种进行自定义&＃xff0c;效果图如下&＃xff1a;
![]()
大家看到效果了&＃xff0c;这里我是继承了LinerLayout&＃xff0c;方便一点&＃xff0c;若果是ViewGroup的话&＃xff0c;也就复杂一点点。这里分为三部分&＃xff1a;
1.head1&＃xff0c;顶部可移动的Layout。
2.head2&＃xff0c;固定的头部&＃xff0c;不会滑动除屏幕外。
3.可滑动的Layout(这里只可以是ListView&＃xff0c;不过也可以是任何可滑动的View&＃xff0c;只要给出Head可滑动的时机即可)
本StickinessView的难点在于&＃xff0c;解决滑动冲突和事件的拦截处理&＃xff0c;接下来我一一道来。
一、首先&＃xff0c;要确定HeadLayout什么时候可以拦截事件&＃xff0c;那么就要确定ListView到达顶部和底部的时机。
&＃64;Override
public void onScroll(AbsListView view,int firstVisibleItem,int visibleItemCount,int totalItemCount) {
View v &＃61; mListView.getChildAt(0);
//当firstItem的top为0的时候就认为已经到达ListView的顶部了
if (mListView.getChildCount() > 0 && firstVisibleItem &＃61;&＃61; 0) {
//滑动到顶部
if (v.getTop() &＃61;&＃61; 0) {
//滑动到顶部了
isListViewTop &＃61; true;
} else {
isListViewBottom &＃61; false;
}
}else if (mListView.getChildCount()>0&&firstVisibleItem&＃43;visibleItemCount&＃61;&＃61;totalItemCount){
final View bottomChildView &＃61; mListView.getChildAt(mListView.getChildCount()-1);
//当最后一个itemView的bottom>&＃61;ListView的高度的时候&＃xff0c;那么就认为到达底部了
if (mListView.getHeight()>&＃61;bottomChildView.getBottom()){
isListViewBottom &＃61; true;
}else {
isListViewBottom &＃61; false;
}
}else {
isListViewBottom &＃61; false;
isListViewTop &＃61; false;
}
原因很简单&＃xff0c;因为View的getTop和getBottom方法是相对父容器的位置&＃xff0c;熟悉Layout方法的&＃xff0c;想必就会很明白了。
二、知道了HeadView拦截事件的时机&＃xff0c;我们就要搞清楚在此基础之上&＃xff0c;我们到底啥时候拦击点击事件&＃xff0c;进行滑动。
&＃64;Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
touchY &＃61; ev.getRawY();
isIntercept &＃61; false;
break;
case MotionEvent.ACTION_MOVE:
float distant &＃61; ev.getRawY() - touchY;
if (isListViewTop) {
switch (mHeadPosition) {
case TOP:
if (distant > 0) isIntercept &＃61; true;
break;
case CENTER:
isIntercept &＃61; true;
break;
}
}
if (isListViewBottom){
switch (mHeadPosition) {
case CENTER:
isIntercept &＃61; true;
break;
case BOTTOM:
if (distant <0) isIntercept &＃61; true;
break;
}
}
break;
case MotionEvent.ACTION_UP:
isIntercept &＃61; true;
break;
}
return isIntercept;
}
跟大家讲解一下onInterceptTouchEvent(MotionEvent ev),这个方法会最先调用&＃xff0c;当一个事件序列拦截一次后&＃xff0c;那么这个事件的后续事件动作就不会再调用该方法&＃xff0c;也就是说&＃xff0c;当该ViewGroup决定拦截某个事件后&＃xff0c;那么它注定要消费后续的事件动作。这里贴出HeadView的位置状态
public static final int TOP &＃61; 0;//收缩状态
public static final int CENTER &＃61; 1;//中间状态
public static final int BOTTOM &＃61; 2;//展开状态
关于细节&＃xff0c;想必大家画个图就可以知道了&＃xff0c;注意一点&＃xff1a;在拦截事件序列的时候&＃xff0c;一般ACTION_DOWN事件不可以被拦截&＃xff0c;因为拦截的话&＃xff0c;没得意义了&＃xff0c;后续事件就无法控制了&＃xff0c;不可能继续往ChildView传递事件序列。
三、移动HeadView。
&＃64;Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
//获取不到的
break;
case MotionEvent.ACTION_MOVE:
int distant &＃61; (int) (touchY - event.getRawY());
if (getScrollY() &＃43; distant-1 0) {
scrollTo(0,getScrollY() &＃43; distant);
}
break;
case MotionEvent.ACTION_UP:
if (getScrollY() &＃61;&＃61; 0) mHeadPosition &＃61; BOTTOM;
if (getScrollY() &＃61;&＃61; MAXY) mHeadPosition &＃61; TOP;
if (getScrollY() > 0 && getScrollY() if (getScrollY() > MAXY / 2) {
mScroll.startScroll(0,getScrollY(),MAXY-getScrollY(),100);
invalidate();
mHeadPosition &＃61; TOP;
}
if (getScrollY() mScroll.startScroll(0,-getScrollY(),100);
invalidate();
mHeadPosition &＃61; BOTTOM;
}
break;
}
return super.onTouchEvent(event);
}
这里为了使得滑动跟家顺畅我使用了Scroller这个类&＃xff0c;该类是专门处理弹性滑动的工具类&＃xff0c;先初始化构造器&＃xff0c;在调用startScroll()方法(其中四个参数&＃xff1a;滑动的x,滑动的y,滑动x的偏移量&＃xff0c;滑动y的偏移量)&＃xff0c;然后刷新视图&＃xff0c;最后重写computeScroll()方法&＃xff0c;
&＃64;Override
public void computeScroll() {
super.computeScroll();
if (mScroll.computeScrollOffset()){
scrollTo(mScroll.getCurrX(),mScroll.getCurrY());
postInvalidate();
}
}
好了&＃xff0c;基本完成&＃xff0c;我们还要第一时间获取HeadView的高度&＃xff0c;那么在onMeasure()中获取比较好&＃xff0c;并且只获取一次如下
if (MAXY &＃61;&＃61; -1)
MAXY &＃61; mHeadSecond.getMeasuredHeight();
在onFinishInflate()方法中&＃xff0c;该方法的执行标志着所有的View都已经add完毕&＃xff0c;这里我们进行初始化是比较妥当的。
&＃64;Override
protected void onFinishInflate() {
super.onFinishInflate();
int count &＃61; getChildCount();
//本粘性布局只支持ListView
if (count &＃61;&＃61; 3 && getChildAt(2) instanceof ListView)
init();
}
/**
* 初始化
*/
private void init() {
//获得子元素
mHeadFiest &＃61; getChildAt(0);
mHeadSecond &＃61; getChildAt(1);
mListView &＃61; (ListView) getChildAt(2);
mListView.setOnScrollListener(this);
mScroll &＃61; new Scroller(getContext());
}
以上就是本文的全部内容&＃xff0c;希望对大家的学习有所帮助&＃xff0c;也希望大家多多支持编程小技巧。
京公网安备 11010802041100号