在前一篇博文中已经实现过一个仿魅族flyme6应用市场应用详情弹出式layout： Android自定义控件：从零开始实现魅族flyme6应用市场应用详情弹出式layout，主要是通过viewDragHelper来实现，大部分效果算是实现了，但是在最后还是有一些bug。
趁着这段时间工作比较轻松一点，这次再通过NestedScrolling来实现一次这个自定义控件，对比前面的实现方法，通过NestedScrolling实现起来会简单许多。
老规矩，先看看最终要实现的效果图：
(
NestedScrolling
NestedScrolling是个啥玩意呢？这是Google官方从5.0后引入的滑动嵌套解决方案。
看效果图看的出来，这次我们要实现的效果的难点就在嵌套滑动，因为手指放到scrollview中，然后实际滚动的是却外部的ViewGroup，在ViewGroup滚动到顶部的时候呢，内部的Scrollview又继续滚动。按照传统的View事件拦截和处理方式，那首先要保证ViewGroup拦截事件，否则事件会被内部的scrollview消费掉。但是如果拦截了，当ViewGroup滚动到顶部的时候又如何让scrollview又持续滑动呢？按照传统的方式，一次事件拦截就是一次性处理的事情，ViewGroup如果拦截了这次滑动事件，那么scrollview肯定是没法继续处理这次滑动事件的。
我们上篇博文是通过事件拦截和分发人为的在ViewGroup中更动态的修改scrollView的滑动，从视觉上实现一次滑动事件ViewGroup和子view嵌套的滚动效果。实际上从本质上来讲，还是ViewGroup拦截和消费了事件，第一次ViewGroup中的事件并没有到子view中去处理。
那么NestedScrolling如何实现嵌套滑动呢？
NestedScrollingParent内部实现了NestedScrollingChild接口的子View会优先获得事件处理权，然后滑动的时候，会先将dx、dy传入给NestedScrollingParent，NestedScrollingParent可以决定是否对其进行消耗，也就是说NestedScrollingParent可以消费部分dx、dy，余下的未消费完的dx、dy交还给子view去消费。
这样看实际上要实现本次的效果就很简单了，话不多说，贴代码。
先让我们的自定义ScrollView实现NestedScrollingChild接口，并且将NestedScrolling相关的处理全部交给ScrollingChildHelper处理。
public class MyScrollView extends ScrollView implements NestedScrollingChild{
private boolean isScrollToTop = true;
private boolean isScrollToBottom = false;
private OnScrollLimitListener mOnScrollLimitListener;
private NestedScrollingChildHelper mScrollingChildHelper;
public MyScrollView(Context context) {
this(context, null);
}
public MyScrollView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
public void setNestedScrollingEnabled(boolean enabled) {
getScrollingChildHelper().setNestedScrollingEnabled(enabled);
}
@Override
public boolean isNestedScrollingEnabled() {
return getScrollingChildHelper().isNestedScrollingEnabled();
}
@Override
public boolean startNestedScroll(int axes) {
return getScrollingChildHelper().startNestedScroll(axes);
}
@Override
public void stopNestedScroll() {
getScrollingChildHelper().stopNestedScroll();
}
@Override
public boolean hasNestedScrollingParent() {
return getScrollingChildHelper().hasNestedScrollingParent();
}
@Override
public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed,
int dyUnconsumed, int[] offsetInWindow) {
return getScrollingChildHelper().dispatchNestedScroll(dxConsumed, dyConsumed,
dxUnconsumed, dyUnconsumed, offsetInWindow);
}
@Override
public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
return getScrollingChildHelper().dispatchNestedPreScroll(dx, dy, consumed, offsetInWindow);
}
@Override
public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed) {
return getScrollingChildHelper().dispatchNestedFling(velocityX, velocityY, consumed);
}
@Override
public boolean dispatchNestedPreFling(float velocityX, float velocityY) {
return getScrollingChildHelper().dispatchNestedPreFling(velocityX, velocityY);
}
private NestedScrollingChildHelper getScrollingChildHelper() {
if (mScrollingChildHelper == null) {
mScrollingChildHelper = new NestedScrollingChildHelper(this);
setNestedScrollingEnabled(true);
}
return mScrollingChildHelper;
}
/**
* 设置ScrollView滑动到边界监听
*
* @param onScrollLimitListener ScrollView滑动到边界监听
*/
public void setOnScrollLimitListener(OnScrollLimitListener onScrollLimitListener) {
mOnScrollLimitListener = onScrollLimitListener;
}
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
super.onScrollChanged(l, t, oldl, oldt);
if (getScrollY() == 0) {//滑动到顶部
isScrollToTop = true;
isScrollToBottom = false;
isScrollToBottom = false;
} else if (getScrollY() + getHeight() - getPaddingTop() - getPaddingBottom() ==
getChildAt(0).getHeight()) {
// 小心踩坑: 这里不能是 >=
// 小心踩坑：这里最容易忽视的就是ScrollView上下的padding
isScrollToTop = false;
isScrollToBottom = true;
} else {
isScrollToTop = false;
isScrollToBottom = false;
}
notifyScrollChangedListeners();
}
/**
* 回调
*/
private void notifyScrollChangedListeners() {
if (isScrollToTop) {
if (mOnScrollLimitListener != null) {
mOnScrollLimitListener.onScrollTop();
}
} else if (isScrollToBottom) {
if (mOnScrollLimitListener != null) {
mOnScrollLimitListener.onScrollBottom();
}
} else {
if (mOnScrollLimitListener != null) {
mOnScrollLimitListener.onScrollOther();
}
}
}
/**
* scrollview滑动到边界监听接口
*/
public interface OnScrollLimitListener {
/**
* 滑动到顶部
*/
void onScrollTop();
/**
* 滑动到顶部和底部之间的位置（既不是顶部也不是底部）
*/
void onScrollOther();
/**
* 滑动到底部
*/
void onScrollBottom();
}
}然后是我们的PopupLayout，上一篇博文是通过自定义FrameLayout的方式实现的，这次由于是通过NestedScrolling实现，所以一次滑动事件其实是针对整个ViewGroup的，所以本次采取自定义LinearLayout的方式去实现。
在这里我们重点看下面几个方法，首先是onMeasure方法。因为初始状态下ContentView是在界面之外的，所以要确定ContentView的高度。
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
Log.e("tag", "onMeasure");
ViewGroup.LayoutParams params = contentView.getLayoutParams();
params.height = darkView.getMeasuredHeight() - mOrginY;
setMeasuredDimension(getMeasuredWidth(), contentView.getMeasuredHeight() + darkView
.getMeasuredHeight());
}接下来看看重写的NestedScrollingParent几个方法。
@Override
public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
Log.e(TAG, "onStartNestedScroll");
return true;
}
@Override
public void onNestedScrollAccepted(View child, View target, int nestedScrollAxes) {
Log.e(TAG, "onNestedScrollAccepted");
}
@Override
public void onStopNestedScroll(View target) {
Log.e(TAG, "onStopNestedScroll");
if (mDarkViewHeight - mOrginY - getScrollY() > mDragRange) {//向下拖拽，超出拖拽限定距离
dismiss();
} else if (mDarkViewHeight - mOrginY - getScrollY() > 0) {//向下拖拽，但是没有超出拖拽限定距离
springback();
}
}
@Override
public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int
dyUnconsumed) {
Log.e(TAG, "onNestedScroll");
}
@Override
public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
boolean patchDown = dy < 0 && mIsScrollInTop;//下滑
boolean patchUp = dy > 0 && getScrollY() < (mDarkViewHeight - UIUtils.getStatusBarHeight
(target));//上滑
if (patchDown || patchUp) {
scrollBy(0, dy);
consumed[1] = dy;
}
}
@Override
public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
return true;
}
@Override
public boolean onNestedPreFling(View target, float velocityX, float velocityY) {
//不做拦截 可以传递给子View
return false;
}
@Override
public int getNestedScrollAxes() {
Log.e(TAG, "getNestedScrollAxes");
return 0;
}onNestedPreScroll中，我们判断，如果是上滑且contentView未滑动到顶部，则消耗掉dy，即consumed[1]=dy。如果是下滑且内部scrollview已经滑动到顶，则消耗掉dy，即consumed[1]=dy，消耗掉的意思，就是自己去执行scrollBy，实际上就是滑动PopupLayout本身。
onStopNestedScroll中，我们判断向下滑动的距离，来确定是dismiss PopupLayout还是回弹到初始位置。
最后由于需要更新TitleBar的状态，所以重写了scrollTo方法，在scrollTo方法中更新TitleBar的状态。
@Override
public void scrollTo(int x, int y) {
if (y >= mDarkViewHeight - UIUtils.getStatusBarHeight(this)) {
y = mDarkViewHeight - UIUtils.getStatusBarHeight(this);
darkView.setBackgroundColor(Color.WHITE);//拖动到顶部时darkview背景设置白色
titleBar.setBackImageResource(R.mipmap.back);
} else {
darkView.setBackgroundResource(R.color.dark);//没有拖动到顶部时darkview背景设置暗色
titleBar.setBackImageResource(R.mipmap.close);
}
if (y != getScrollY()) {
super.scrollTo(x, y);
}
}本次的要点基本就这么多，总的来说相较上一篇博文各种绞尽脑汁想着事件处理，这次通过NestedScrolling就重写几个方法，然后根据自己的实际需求做一些判断，实现起来还是很简单的。
639
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
