自定义Viewgroup右滑进入概况
前语
在之前的 ViewGroup 的事情相关一文中，咱们具体的解说了一些常见的 ViewGroup 需求处理的事情与运动的方法。
咱们了解了怎样处理阻拦事情，怎样翻滚，怎样处理子 View 的和谐运动等。
再杂乱一点，咱们能够组合在一同运用。例如在阻拦事情之后翻滚，或者在翻滚到一个阈值之后阻拦事情。
今天咱们一同再巩固一下相关的知识点，以比较常见的一个运用场景，右滑进入概况的场景为比方。
这个比方中又分几种常见的类型，以几个头部App为例的话：
1. 一种是相似抖音列表的的右滑直接概况：
2. 一种是相似闲鱼这种右滑提示再进入概况
3. 另一种是相似豆瓣这种列表滑动进入概况
接下来咱们就一同温习一下，看看都能怎样完结。
话不多说，Let’s go
一、抖音直接右滑进入概况
其实抖音的这种作用完结的方法有很多，比方 ViewPager 是最简略的 ，可是抖音的首页本身便是一个垂直的 ViewPager（RV） ，内部的 Item 再用横向的 ViewPager 做内容与概况的切换？要这么做吗？能不能这么做？
能当然能，可是呢，没必要。
一般这种简略的作用，咱们一般运用自定义 ViewGroup 即可完结轻量的作用，不需求整那么“粗笨” 。
那么自定义 ViewGroup 怎样完结这种作用呢？ 总归是记载点击坐标，记载移动坐标，然后对对应的子View做移动，例如 TranslationX 、Scroller 都能够完结相似的逻辑，在铺开的时分翻滚回指定的方位即可。
的确，这样是标准的做法，也不是不行，可是咱们这个作用并不涉及到事情的阻拦与一些处理，其实咱们能够运用更简略的方法 ViewDragHelper 来完结，它内部集成了移动事情的判别与移动的逻辑封装，还能让子View和谐运动，也是特别适合这个场景。
怎样运用呢？代码如下：
public class DouyinView5 extends FrameLayout {
private View contentView;
private View detailView;
private int contentWidth;
private int contentHeight;
private int detailWidth;
private int detailHeight;
private ViewDragHelper viewDragHelper;
private float downX;
private float downY;
public DouyinView5(Context context) {
super(context);
init();
}
public DouyinView5(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public DouyinView5(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
viewDragHelper = ViewDragHelper.create(this, callback);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
return viewDragHelper.shouldInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
downX = event.getX();
downY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
float moveX = event.getX();
float moveY = event.getY();
float dx = moveX - downX;
float dy = moveY - downY;
if (Math.abs(dx) > Math.abs(dy)) {
requestDisallowInterceptTouchEvent(true);
}
downX = moveX;
downY = moveY;
break;
case MotionEvent.ACTION_UP:
break;
}
viewDragHelper.processTouchEvent(event);
return true;
}
//完结初始化，获取控件
@Override
protected void onFinishInflate() {
super.onFinishInflate();
contentView = getChildAt(0);
detailView = getChildAt(1);
}
/**
* 完结丈量时调用，获取高度，宽度
*/
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
contentWidth = contentView.getMeasuredWidth();
contentHeight = contentView.getMeasuredHeight();
detailWidth = detailView.getMeasuredWidth();
detailHeight = detailView.getMeasuredHeight();
}
/**
* 调用方法完结方位的布局
*/
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
contentView.layout(0, 0, contentWidth, contentHeight);
detailView.layout(contentWidth, 0, contentWidth + detailWidth, detailHeight);
}
private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {
@Override
public boolean tryCaptureView(View child, int pointerId) {
return child == contentView || child == detailView;
}
@Override
public int getViewHorizontalDragRange(View child) {
return detailWidth;
}
@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
//鸿沟的限制
if (child == contentView) {
if (left > 0) left = 0;
if (left < -detailWidth) left = -detailWidth;
} else if (child == detailView) {
if (left > contentWidth) left = contentWidth;
if (left < contentWidth - detailWidth) left = contentWidth - detailWidth;
}
return left;
}
@Override
public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
super.onViewPositionChanged(changedView, left, top, dx, dy);
//做内容布局移动的时分，概况布局跟着相同的移动
if (changedView == contentView) {
detailView.layout(detailView.getLeft() + dx, detailView.getTop() + dy,
detailView.getRight() + dx, detailView.getBottom() + dy);
} else if (changedView == detailView) {
//当概况布局移动的时分，内容布局做相同的移动
contentView.layout(contentView.getLeft() + dx, contentView.getTop() + dy,
contentView.getRight() + dx, contentView.getBottom() + dy);
}
}
@Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel);
//松开之后，只需移动超越一半就能够翻开或者关闭
if (contentView.getLeft() < -detailWidth / 2) {
open();
} else {
close();
}
}
};
public void open() {
viewDragHelper.smoothSlideViewTo(contentView, -detailWidth, 0);
ViewCompat.postInvalidateOnAnimation(this);
}
public void close() {
viewDragHelper.smoothSlideViewTo(contentView, 0, 0);
ViewCompat.postInvalidateOnAnimation(this);
}
@Override
public void computeScroll() {
if (viewDragHelper.continueSettling(true)) {
ViewCompat.postInvalidateOnAnimation(this);
}
}
}
除掉丈量布局的代码（承继了FramLayout，不需求咱们自己手动丈量了），再除掉 viewDragHelper 的模板代码。核心代码就那么10多行。
这样即可完结简略的作用了：
是不是很简略！
而有些同学可能会说 viewDragHelper 好费事，我还需求在移动的时分处理事情呢，也不方便用 viewDragHelper ，能不能运用根本的方法来完结呢？
二、闲鱼右滑进入概况
的确，假如内部有多个View ，还涉及到一些事情的阻拦与处理，咱们能够运用根本的 MotionEvent 来判别。
这儿以闲鱼的右滑进入概况为比方，咱们需求在滑动的时分记载移动值，然后让右侧的滑块制作对应的贝塞尔布景，而且这个 TextView 仍是竖直摆放文本的，所以咱们需求先自定义一个这个特别的 TextView 。
完整的代码如下：
/**
* 右侧的查看滑动更多，竖版摆放文本作用，并制作贝塞尔曲线布景
*/
public class ShowMoreTextView extends AppCompatTextView {
// 默许文本
private CharSequence mDefaultText = "更多";
//默许运用文本画笔
protected TextPaint mTextPaint;
//每个文字的距离
private int mCharSpacing;
// 贝塞尔暗影画笔
private Paint mShadowPaint;
// 贝塞尔的途径
private Path mShadowPath;
//贝塞尔曲线的操控点-变量动态操控
private float mShadowOffset = 0;
//默许的距离
private int mNormalSpaceing;
public ShowMoreTextView(Context context) {
this(context, null);
}
public ShowMoreTextView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public ShowMoreTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//画笔的一些配置
mTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);
mTextPaint.setAntiAlias(true);
//默许距离
mCharSpacing = CommUtils.dip2px(4);
mNormalSpaceing = CommUtils.dip2px(8);
//画笔赋值
mShadowPaint = new Paint();
mShadowPaint.setColor(Color.parseColor("#4FCCCCCC"));
mShadowPaint.setAntiAlias(true);
mShadowPaint.setStyle(Paint.Style.FILL);
mShadowPaint.setStrokeWidth(1);
mShadowPath = new Path();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mTextPaint.setTextSize(getTextSize());
mTextPaint.setColor(getCurrentTextColor());
mTextPaint.setTypeface(getTypeface());
//竖版文本的制作
CharSequence text = mDefaultText;
if (text != null && !text.toString().trim().equals("")) {
Rect bounds = new Rect();
mTextPaint.getTextBounds(text.toString(), 0, text.length(), bounds);
float startX = getLayout().getLineLeft(0) + getPaddingLeft();
//处理drawleft的距离
if (getCompoundDrawables()[0] != null) {
Rect drawRect = getCompoundDrawables()[0].getBounds();
startX += (drawRect.right - drawRect.left);
}
startX += getCompoundDrawablePadding();
float startY = getBaseline();
//不处理bounds会导致距离异常
int cHeight = (bounds.bottom - bounds.top + mCharSpacing);
// 居中水平对齐
startY -= (text.length() - 1) * cHeight / 2;
for (int i = 0; i < text.length(); i++) {
String c = String.valueOf(text.charAt(i));
canvas.drawText(c, startX, startY + i * cHeight, mTextPaint);
}
}
// 动态的制作贝塞尔的布景
mShadowPath.reset();
mShadowPath.moveTo(getWidth(), 0);
mShadowPath.quadTo(mShadowOffset, getHeight() / 2, getWidth(), getHeight());
canvas.drawPath(mShadowPath, mShadowPaint);
}
@Override
public void setText(CharSequence text, BufferType type) {
mDefaultText = text;
super.setText("", type);
}
public void setVerticalText(CharSequence text) {
if (TextUtils.isEmpty(text)) return;
mDefaultText = text;
invalidate();
}
/**
* 暴露的方法，操控贝塞尔曲线的操控点
*/
public void setShadowOffset(float offset, float maxOffset) {
this.mShadowOffset = offset;
float dis = maxOffset / 2 - mNormalSpaceing;
if (mShadowOffset >= dis) {
mShadowOffset = dis;
} else {
mShadowOffset = dis + (offset - dis) / 2;
}
invalidate();
}
}
首要是根据变量 mShadowOffset 来制作贝塞尔布景，然后便是其中制作文本的一些操控了。
而咱们首要的容器则是承继自 ViewGroup , 之前是承继了FrameLayout ,不需求咱们丈量，现在丈量布局都需求咱们自己来了。
在咱们之前的文章中，咱们都现已重复的温习过了，这儿就快速跳过这些非要点代码：
//完结初始化，获取控件
@Override
protected void onFinishInflate() {
super.onFinishInflate();
mContentView = getChildAt(0);
mMoreTextView = (ShowMoreTextView) getChildAt(1);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
contentWidth = mContentView.getMeasuredWidth();
contentHeight = mContentView.getMeasuredHeight();
showMoreViewWidth = mMoreTextView.getMeasuredWidth();
showMoreViewHeight = mMoreTextView.getMeasuredHeight();
//右侧布局的偏移量
mOffsetWidth = -showMoreViewWidth;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//丈量真实的容器的布局
measureChild(mContentView, widthMeasureSpec, heightMeasureSpec);
//丈量ShowMore布局
measureChild(mMoreTextView, widthMeasureSpec, heightMeasureSpec);
this.setMeasuredDimension(mContentView.getMeasuredWidth(), mContentView.getMeasuredHeight());
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
mContentView.layout(0, 0, contentWidth, contentHeight);
mMoreTextView.layout(contentWidth, contentHeight / 2 - showMoreViewHeight / 2,
contentWidth + showMoreViewWidth, contentHeight / 2 - showMoreViewHeight / 2 + showMoreViewHeight);
}
接下来便是记载坐标点，移动的坐标点，以及撤销事情的动画，根本上能够以为是一套模板代码，能够套用到相似的作用上。
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mHintLeftMargin = 0;
mLastX = ev.getRawX();
mLastY = ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
// 开释动画
if (mReleasedAnim != null && mReleasedAnim.isRunning()) {
break;
}
mDeltaX = (ev.getRawX() - mLastX);
mDeltaY = ev.getRawY() - mLastY;
mLastX = ev.getRawX();
mLastY = ev.getRawY();
mDeltaX = mDeltaX * RATIO;
//滑动的赋值
if (mDeltaX > 0) {
// 右滑
setHintTextTranslationX(mDeltaX);
} else if (mDeltaX < 0) {
// 左滑
setHintTextTranslationX(mDeltaX);
}
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
//阻拦事情-父布局滚
getParent().requestDisallowInterceptTouchEvent(false);
// 开释动画
if (mReleasedAnim != null && mReleasedAnim.isRunning()) {
break;
}
//假如到达指定方位了才算开释
if (mOffsetWidth != 0 && mHintLeftMargin <= mOffsetWidth && mListener != null) {
mListener.onRelease();
}
//默许的回去动画
mReleasedAnim = ValueAnimator.ofFloat(1.0f, 0);
mReleasedAnim.setDuration(300);
mReleasedAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
mMoreTextView.setTranslationX(value * mMoreTextView.getTranslationX());
}
});
mReleasedAnim.start();
break;
}
return true;
}
/**
* 设置ShowMore布局的偏移量，而且设置内部重绘贝塞尔曲线的操控点变量
*/
private void setHintTextTranslationX(float deltaX) {
float offsetX = 0;
if (mMoreTextView != null) {
mHintLeftMargin += deltaX;
if (mHintLeftMargin <= mOffsetWidth) {
offsetX = mOffsetWidth;
mMoreTextView.setVerticalText(RELEASE_MORE);
} else {
offsetX = mHintLeftMargin;
mMoreTextView.setVerticalText(SCROLL_MORE);
}
mMoreTextView.setShadowOffset(offsetX, mOffsetWidth);
mMoreTextView.setTranslationX(offsetX);
YYLogUtils.w("setTranslationX:" + offsetX);
}
}
核心的逻辑是拿到了移动变量之后设置右侧的 ShowMoreView 的 setTranslationX 与它内部的 mShadowOffset 变量，从而到达制作贝塞尔布景的作用。
这儿咱们的移动是运用的 setTranslationX ，撤销事情运用的是特点动画的方法，当然了运用其他方法例如，咱们移动都交给 Scroller 来完结也是能够的。
作用：
相同的作用，其实咱们乃至能够直接运用 ViewDragHelper 来完结更为简略，怎样说了，为了下面的比方扩展，咱们先挑选运用 MotionEvent + setTranslationX 的方法完结，假如有兴趣，咱们能够自行运用不同的方法来完结，接下来便是看怎样在翻滚的列表中参加右滑进入概况的逻辑了。
三、列表的右滑进入概况
假如说之前的作用都能够用 ViewDragHelper 来简化完结，那么这种带列表的翻滚咱们仍是最好自己来处理事情与移动与阻拦。
比照来说，仅有费事的便是咱们需求在左边的RV翻滚的时分去及时的处理阻拦事情。移动的也好处理，咱们能够直接设置左边RV的 TranslationX 移动 和 右侧ShowMoreView 的 TranslationX 移动。这样就能到达移动的作用。
在咱们之前的比方基础上完结，仍是根据 setTranslationX 来移动，而且运用特点动画来做开释的逻辑，咱们再之前的代码上修改一番。
首要咱们的布局应该是如下的：
ShowMoreTextView 咱们现已很了解了，他就两个功能，第一个便是垂直的文本摆放，第二个便是通过一个入参变量操控贝塞尔曲线的操控点。为了简略我就直接运用上一个作用的View了。
此作用的要点便是怎样自定义 ViewGroup ，处理对应的摆放，移动，与事情阻拦。
首要一个 ViewGroup 需求先完结的便是丈量与布局：
public class ViewGroup5 extends ViewGroup {
private RecyclerView mHorizontalRecyclerView;
private ShowMoreTextView mMoreTextView;
private int rvContentWidth;
private int rvContentHeight;
private int showMoreViewWidth;
private int showMoreViewHeight;
//展示之后获取宽高信息
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
rvContentWidth = mHorizontalRecyclerView.getMeasuredWidth();
rvContentHeight = mHorizontalRecyclerView.getMeasuredHeight();
showMoreViewWidth = mMoreTextView.getMeasuredWidth();
showMoreViewHeight = rvContentHeight;
//右侧布局的偏移量
mOffsetWidth = -showMoreViewWidth;
}
//完结初始化，获取控件
@Override
protected void onFinishInflate() {
super.onFinishInflate();
mHorizontalRecyclerView = (RecyclerView) getChildAt(0);
mMoreTextView = (ShowMoreTextView) getChildAt(1);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//RV丈量 - 默许的丈量不改动
measureChild(mHorizontalRecyclerView, widthMeasureSpec, heightMeasureSpec);
int width = mHorizontalRecyclerView.getMeasuredWidth();
int height = mHorizontalRecyclerView.getMeasuredHeight();
//右侧ShowMore的丈量 - 自行改动高度丈量
final LayoutParams lp = mMoreTextView.getLayoutParams();
mMoreTextView.measure(
getChildMeasureSpec(widthMeasureSpec, mMoreTextView.getPaddingLeft() + mMoreTextView.getPaddingRight(), lp.width),
getChildMeasureSpec(MeasureSpec.EXACTLY, mMoreTextView.getPaddingTop() + mMoreTextView.getPaddingBottom(), height)
);
//指定ViewGroup的丈量 - 父布局的丈量便是RV的宽高
this.setMeasuredDimension(width, height);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
mHorizontalRecyclerView.layout(0, 0, rvContentWidth, rvContentHeight);
mMoreTextView.layout(mHorizontalRecyclerView.getRight(), 0, mHorizontalRecyclerView.getRight() + showMoreViewWidth, showMoreViewHeight);
}
}
在之前的文章中，咱们重复的温习过丈量与布局，这儿就一笔带过，接下来便是事情的处理与移动。而且在 ViewGroup 分发事情，判别是否阻拦事情。
-
当滑动到最左边的时分咱们能够继续滑动，给内部的两个布局设置 setTranslationX 从而到达移动的作用。
-
当滑动到最右侧的时分，咱们相同能够继续滑动，可是内部的方法就能够判别设置 setShadowOffset 去设置贝塞尔曲线的显示。
-
当滑动到中心的时分，咱们不阻拦事情，咱们把事情给RV，所以当时翻滚的是RV 控件。
具体完结如下：
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
if (mHorizontalRecyclerView == null) {
return super.dispatchTouchEvent(ev);
}
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mHintLeftMargin = 0;
mMoveIndex = 0;
mLastX = ev.getRawX();
mLastY = ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
// 开释动画
if (mReleasedAnim != null && mReleasedAnim.isRunning()) {
break;
}
float mDeltaX = (ev.getRawX() - mLastX);
float mDeltaY = ev.getRawY() - mLastY;
mLastX = ev.getRawX();
mLastY = ev.getRawY();
mDeltaX = mDeltaX * RATIO;
//滑动的赋值
if (mDeltaX > 0) {
// 右滑并判别是否滑动到边缘
if (!mHorizontalRecyclerView.canScrollHorizontally(-1) || mHorizontalRecyclerView.getTranslationX() < 0) {
//偏移值加上已偏移的值
float transX = mDeltaX + mHorizontalRecyclerView.getTranslationX();
if (mHorizontalRecyclerView.canScrollHorizontally(-1) && transX >= 0) {
transX = 0;
}
//RV和ShowMore一同设置-TranslationX
mHorizontalRecyclerView.setTranslationX(transX);
setHintTextTranslationX(mDeltaX);
}
} else if (mDeltaX < 0) {
// 左滑并判别是否滑动到边缘
if (!mHorizontalRecyclerView.canScrollHorizontally(1) || mHorizontalRecyclerView.getTranslationX() > 0) {
//偏移值加上已偏移的值
float transX = mDeltaX + mHorizontalRecyclerView.getTranslationX();
if (transX <= 0 && mHorizontalRecyclerView.canScrollHorizontally(1)) {
transX = 0;
}
//RV和ShowMore一同设置-TranslationX
mHorizontalRecyclerView.setTranslationX(transX);
setHintTextTranslationX(mDeltaX);
}
}
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
//阻拦事情-父布局滚
getParent().requestDisallowInterceptTouchEvent(false);
// 开释动画
if (mReleasedAnim != null && mReleasedAnim.isRunning()) {
break;
}
//假如到达指定方位了才算开释
if (mOffsetWidth != 0 && mHintLeftMargin <= mOffsetWidth && mListener != null) {
mListener.onRelease();
}
//默许的回去动画
mReleasedAnim = ValueAnimator.ofFloat(1.0f, 0);
mReleasedAnim.setDuration(300);
mReleasedAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
mHorizontalRecyclerView.setTranslationX(value * mHorizontalRecyclerView.getTranslationX());
mMoreTextView.setTranslationX(value * mMoreTextView.getTranslationX());
}
});
mReleasedAnim.start();
break;
}
return mHorizontalRecyclerView.getTranslationX() != 0 ? true : super.dispatchTouchEvent(ev);
}
/**
* 设置ShowMore布局的偏移量，而且设置内部重绘贝塞尔曲线的操控点变量
*/
private void setHintTextTranslationX(float deltaX) {
float offsetX = 0;
if (mMoreTextView != null) {
mHintLeftMargin += deltaX;
if (mHintLeftMargin <= mOffsetWidth) {
offsetX = mOffsetWidth;
mMoreTextView.setVerticalText(RELEASE_MORE);
} else {
offsetX = mHintLeftMargin;
mMoreTextView.setVerticalText(SCROLL_MORE);
}
mMoreTextView.setShadowOffset(offsetX, mOffsetWidth);
mMoreTextView.setTranslationX(offsetX);
}
}
public interface OnShowMoreListener {
void onRelease();
}
private OnShowMoreListener mListener;
public void setOnShowMoreListener(OnShowMoreListener listener) {
this.mListener = listener;
}
假如是在一个列表中运用此控件，咱们最好还需求处理恳求父布局的阻拦操作，比方：
...
case MotionEvent.ACTION_MOVE:
float mDeltaX = (ev.getRawX() - mLastX);
float mDeltaY = ev.getRawY() - mLastY;
//阻拦事情-让我滚
getParent().requestDisallowInterceptTouchEvent(true);
...
这行不行，行！可是这么已阻拦当按在这个控件上往上下滑动的时分，相同不能收效，会导致断触的作用。所以咱们需求让阻拦事情只阻拦水平方向的事情。
而且为了兼容处理，有些设备第一次接触的时分，mDeltaX 与 mDeltaY 都为 0，从而无法阻拦，所以咱们需求做个判别，非第一次接触才开端阻拦。
...
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mHintLeftMargin = 0;
mMoveIndex = 0;
isFirstMove = true;
mLastX = ev.getRawX();
mLastY = ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
// 开释动画
if (mReleasedAnim != null && mReleasedAnim.isRunning()) {
break;
}
float mDeltaX = (ev.getRawX() - mLastX);
float mDeltaY = ev.getRawY() - mLastY;
if (isFirstMove) {
// 处理事情抵触
if (Math.abs(mDeltaX) > Math.abs(mDeltaY)) {
//阻拦事情-让我滚
getParent().requestDisallowInterceptTouchEvent(true);
} else {
//阻拦事情-父布局滚
getParent().requestDisallowInterceptTouchEvent(false);
}
}
mMoveIndex++;
if (mMoveIndex > 2) {
isFirstMove = false;
}
mLastX = ev.getRawX();
mLastY = ev.getRawY();
...
运用与监听：
val group5 = findViewById<ViewGroup5>(R.id.viewgroup5)
val recyclerView = findViewById<RecyclerView>(R.id.recycler_view)
recyclerView.horizontal().bindData(list, R.layout.item_scroll_card) { holder: ViewHolder, t: String, position: Int ->
holder.setText(R.id.tv_name, "测试数据 $t")
}
group5.setOnShowMoreListener {
toast("进入更多的页面")
}
作用：
假如嵌套会怎样？
假如和豆瓣的滑动作用与闲鱼的滑动进入概况作用放在一同：
当咱们滑动正常布局能够触发闲鱼的滑动，当咱们滑动豆瓣的滑动概况，则是恳求父布局不要阻拦，能够正常的触发滑动的作用，的确也符合咱们的预期。
后记
其实本文并没有什么新的知识点，无非便是在 ViewGroup 的丈量布局的基础上，加上事情的处理，从易到难完结各种右滑进入概况的作用。
只是需求注意的是，事情的处理与滑动有多种组合的方法完结，咱们仍是需求按需挑选，比方有一些处理滑动抵触的状况，最好咱们仍是运用 MotionEvent + Scroller / setTranslation 完结，对于一些不杂乱的页面咱们能够运用谷歌封装好的 ViewDragHelper 来快速完结。
当然相似的作用也并不是只要自定义ViewGroup能够完结，其他的相似 behavor 也能完结相同的作用，但我以为它并不归于自定义View系统，是另一个概念了，所以并没有对它有过多的介绍。假如真要扩展开来要讲的东西也太多了。
好了，关于本文的内容假如想查看源码能够点击这儿 【传送门】。你也能够关注我的这个Kotlin项目，我有时间都会继续更新。
假如有更多的更好的其他方法，也期望咱们能评论区沟通一下。
惯例，我如有解说不到位或错漏的当地，期望同学们能够指出。
我自己一路写下来，对应自定义View的系统我也是有了更多的理解，期望咱们跟着一路温习下来能有更多的收货。
假如感觉本文对你有一点点的启示，还望你能点赞支撑一下,你的支撑是我最大的动力。
Ok,这一期就此完结。
