Android仿高德地图打车的三段式BottomSheet

首先声明:只是简单的实现了功能,但是实际与高德的还是有点区别

高德的效果:

我的效果:

Emmmm,感觉差不多吧。。。其他的还没弄呢,比如滑到最上面有阴影啊之类的。

首先说下思路,一开始,我是打算在滑动的时候,不停的监听onSlide里slideOffset这个参数,然后根据这个参数来动态设定bottomsheet的setPeekHeight,但是问题是,原生的BottomSheetBehavior里的返回参数slideOffset,是按当前高度除以从peekheight到屏幕顶部的距离来算的,也就是说,这个值是会根据peekheight的改变来改变的!
Android仿高德地图打车的三段式BottomSheet_第1张图片
slideOffset = leftHeight / mHeight;
如果你的peekHeight改变了,那么mHeight这个参数也会改变,这就导致了slideOffset 参数的改变。

所以,我准备自定义一个BottomSheetBehavior,再它的onSlide里返回剩下的高度,也就是leftHeight这个参数,不需要进行除法。

于是我套用的这位大佬的自定义BottomSheetBehavior:重写BottomSheetBehavior
他的BottomSheet实现的功能是,滑到哪就可以停在哪,当然我是不需要这个功能的,但是,大佬的类里,实现了:通过overScroller,根据当前的位置releasedChild.getTop(),以及速度yvel,来计算最终滚动到的位置overScroller.getFinalY()

也就是当你把BottomSheet往上或者往下一滑时,它会算出这个bottomsheet最终会滑到哪里,照着这个思路,我修改了一下BottomSheetBehavior,将这个最终位置命名为finalTop,并且将它传递了出来。

这样,根据finalTop这个参数,我把屏幕分成了几个部分:
Android仿高德地图打车的三段式BottomSheet_第2张图片
整个屏幕的高度为 height
bottomsheet的peekheight为 minHeight
整个屏幕去掉minHeight,剩下的高度为 mHeight
然后将剩下的部分四等分,分别为:最上层3/4层1/2层最底层
然后bottomsheet的最终滑动位置为 finalTop

这样,剩下的思路就出来了:
当你的finaltop在最底层的时候,也就是finalTop <= mHeight && finalTop > mHeight / 4 * 3,当finaltop在这个区间的时候,属于最底层,你需要的是将bottomsheet调用setState方法,让它进入默认的折叠状态–STATE_COLLAPSED

当你的finaltop在1/2层的时候,也就是finalTop <= mHeight / 4 * 3 && finalTop > mHeight / 2,当finaltop在这个区间的时候,属于1/2层,你需要的是将bottomsheet调用setState方法,让它滑动一半的距离–STATE_HALF_EXPANDED

当你的finaltop在3/4层的时候,也就是finalTop <= mHeight / 2 && finalTop > mHeight / 4,当你的finaltop在这个区间的时候,属于3/4层,你需要的是将bottomsheet调用setState方法,让它滑动一半的距离–STATE_HALF_EXPANDED

当你的finaltop在最上层的时候,也就是finalTop <= mHeight / 4,当你的finaltop在这个区间的时候,属于最上层,你需要的是将bottomsheet调用setState方法,让它进入完全展开状态–STATE_EXPANDED

这样,四种状态就出来了—这里说一下bottomsheet的6中状态:
1.STATE_DRAGGING:过渡状态此时用户正在向上或者向下拖动bottom sheet
2.STATE_SETTLING:视图从脱离手指自由滑动到最终停下的这一小段时间
3.STATE_EXPANDED:处于完全展开的状态
4.STATE_COLLAPSED:默认的折叠状态
5.STATE_HIDDEN:下滑到完全隐藏 bottom sheet
6.STATE_HALF_EXPANDED滑动到mHeight一半的距离

我看了好多篇介绍bottomsheet的文章,不知道为啥都没写STATE_HALF_EXPANDED这个状态。。。

那么,这时候,一开始的目的已经达到了:三段式
先上代码:
自定义BottomSheetBehavior

/*
 * Copyright (C) 2015 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package gxsh.xmlkd.tools;

import android.content.Context;
import android.content.res.TypedArray;
import android.os.Parcel;
import android.os.Parcelable;
import android.support.annotation.IntDef;
import android.support.annotation.NonNull;
import android.support.annotation.RestrictTo;
import android.support.annotation.VisibleForTesting;
import android.support.design.R;
import android.support.design.widget.CoordinatorLayout;
import android.support.v4.math.MathUtils;
import android.support.v4.view.AbsSavedState;
import android.support.v4.view.ViewCompat;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.view.ViewParent;
import android.widget.OverScroller;

import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;
import java.lang.ref.WeakReference;

import static android.support.annotation.RestrictTo.Scope.LIBRARY_GROUP;


/**
 * An interaction behavior plugin for a child view of {@link CoordinatorLayout} to make it work as
 * a bottom sheet.
 */
public class MyBottomSheetBehavior extends CoordinatorLayout.Behavior
{

    /**
     * Callback for monitoring events about bottom sheets.
     */
    public abstract static class BottomSheetCallback
    {

        /**
         * Called when the bottom sheet changes its state.
         *
         * @param bottomSheet The bottom sheet view.
         * @param newState    The new state. This will be one of {@link #STATE_DRAGGING},
         *                    {@link #STATE_SETTLING}, {@link #STATE_EXPANDED},
         *                    {@link #STATE_COLLAPSED}, or {@link #STATE_HIDDEN}.
         */
        public abstract void onStateChanged(@NonNull View bottomSheet, @State int newState, int finalTop);

        /**
         * Called when the bottom sheet is being dragged.
         *
         * @param bottomSheet The bottom sheet view.
         * @param slideOffset The new offset of this bottom sheet within [-1,1] range. Offset
         *                    increases as this bottom sheet is moving upward. From 0 to 1 the sheet
         *                    is between collapsed and expanded states and from -1 to 0 it is
         *                    between hidden and collapsed states.
         */
        public abstract void onSlide(@NonNull View bottomSheet, float slideOffset);
    }

    /**
     * The bottom sheet is dragging.
     */
    public static final int STATE_DRAGGING = 1;

    /**
     * The bottom sheet is settling.
     */
    public static final int STATE_SETTLING = 2;

    /**
     * The bottom sheet is expanded.
     */
    public static final int STATE_EXPANDED = 3;

    /**
     * The bottom sheet is collapsed.
     */
    public static final int STATE_COLLAPSED = 4;

    /**
     * The bottom sheet is hidden.
     */
    public static final int STATE_HIDDEN = 5;

    /**
     * 一半高度
     */
    public static final int STATE_HALF_EXPANDED = 6;

    private int finalTop = 0;

    /**
     * @hide
     */
    @RestrictTo(LIBRARY_GROUP)
    @IntDef({STATE_EXPANDED, STATE_COLLAPSED, STATE_DRAGGING, STATE_SETTLING, STATE_HIDDEN})
    @Retention(RetentionPolicy.SOURCE)
    public @interface State
    {
    }

    /**
     * Peek at the 16:9 ratio keyline of its parent.
     *
     * 

This can be used as a parameter for {@link #setPeekHeight(int)}. * {@link #getPeekHeight()} will return this when the value is set.

*/ public static final int PEEK_HEIGHT_AUTO = -1; private static final float HIDE_THRESHOLD = 0.5f; private static final float HIDE_FRICTION = 0.1f; private float mMaximumVelocity; private int mPeekHeight; private boolean mPeekHeightAuto; private int mPeekHeightMin; int mMinOffset; int mMaxOffset; boolean mHideable; private boolean mSkipCollapsed; @State int mState = STATE_COLLAPSED; ViewDragHelper mViewDragHelper; private boolean mIgnoreEvents; private int mLastNestedScrollDy; private boolean mNestedScrolled; int mParentHeight; WeakReference mViewRef; WeakReference mNestedScrollingChildRef; private BottomSheetCallback mCallback; private VelocityTracker mVelocityTracker; int mActivePointerId; private int mInitialY; boolean mTouchingScrollingChild; /** * Default constructor for instantiating BottomSheetBehaviors. */ public MyBottomSheetBehavior() { } private OverScroller overScroller; /** * Default constructor for inflating BottomSheetBehaviors from layout. * * @param context The {@link Context}. * @param attrs The {@link AttributeSet}. */ public MyBottomSheetBehavior(Context context, AttributeSet attrs) { super(context, attrs); overScroller = new OverScroller(context); TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.BottomSheetBehavior_Layout); TypedValue value = a.peekValue(R.styleable.BottomSheetBehavior_Layout_behavior_peekHeight); if (value != null && value.data == PEEK_HEIGHT_AUTO) { setPeekHeight(value.data); } else { setPeekHeight(a.getDimensionPixelSize( R.styleable.BottomSheetBehavior_Layout_behavior_peekHeight, PEEK_HEIGHT_AUTO)); } setHideable(a.getBoolean(R.styleable.BottomSheetBehavior_Layout_behavior_hideable, false)); setSkipCollapsed(a.getBoolean(R.styleable.BottomSheetBehavior_Layout_behavior_skipCollapsed, false)); a.recycle(); ViewConfiguration configuration = ViewConfiguration.get(context); mMaximumVelocity = configuration.getScaledMaximumFlingVelocity(); } @Override public Parcelable onSaveInstanceState(CoordinatorLayout parent, V child) { return new SavedState(super.onSaveInstanceState(parent, child), mState); } @Override public void onRestoreInstanceState(CoordinatorLayout parent, V child, Parcelable state) { SavedState ss = (SavedState) state; super.onRestoreInstanceState(parent, child, ss.getSuperState()); // Intermediate states are restored as collapsed state if (ss.state == STATE_DRAGGING || ss.state == STATE_SETTLING) { mState = STATE_COLLAPSED; } else { mState = ss.state; } } @Override public boolean onLayoutChild(CoordinatorLayout parent, V child, int layoutDirection) { if (ViewCompat.getFitsSystemWindows(parent) && !ViewCompat.getFitsSystemWindows(child)) { ViewCompat.setFitsSystemWindows(child, true); } int savedTop = child.getTop(); // First let the parent lay it out parent.onLayoutChild(child, layoutDirection); // Offset the bottom sheet mParentHeight = parent.getHeight(); int peekHeight; if (mPeekHeightAuto) { if (mPeekHeightMin == 0) { mPeekHeightMin = parent.getResources().getDimensionPixelSize( R.dimen.design_bottom_sheet_peek_height_min); } peekHeight = Math.max(mPeekHeightMin, mParentHeight - parent.getWidth() * 9 / 16); } else { peekHeight = mPeekHeight; } mMinOffset = Math.max(0, mParentHeight - child.getHeight()); mMaxOffset = Math.max(mParentHeight - peekHeight, mMinOffset); if (mState == STATE_EXPANDED) { ViewCompat.offsetTopAndBottom(child, mMinOffset); } else if (mHideable && mState == STATE_HIDDEN) { ViewCompat.offsetTopAndBottom(child, mParentHeight); } else if (mState == STATE_COLLAPSED) { ViewCompat.offsetTopAndBottom(child, mMaxOffset); } else if (mState == STATE_DRAGGING || mState == STATE_SETTLING) { ViewCompat.offsetTopAndBottom(child, savedTop - child.getTop()); } if (mViewDragHelper == null) { mViewDragHelper = ViewDragHelper.create(parent, mDragCallback); } mViewRef = new WeakReference<>(child); mNestedScrollingChildRef = new WeakReference<>(findScrollingChild(child)); return true; } @Override public boolean onInterceptTouchEvent(CoordinatorLayout parent, V child, MotionEvent event) { if (!child.isShown()) { mIgnoreEvents = true; return false; } int action = event.getActionMasked(); // Record the velocity if (action == MotionEvent.ACTION_DOWN) { reset(); } if (mVelocityTracker == null) { mVelocityTracker = VelocityTracker.obtain(); } mVelocityTracker.addMovement(event); switch (action) { case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: mTouchingScrollingChild = false; mActivePointerId = MotionEvent.INVALID_POINTER_ID; // Reset the ignore flag if (mIgnoreEvents) { mIgnoreEvents = false; return false; } break; case MotionEvent.ACTION_DOWN: int initialX = (int) event.getX(); mInitialY = (int) event.getY(); View scroll = mNestedScrollingChildRef != null ? mNestedScrollingChildRef.get() : null; if (scroll != null && parent.isPointInChildBounds(scroll, initialX, mInitialY)) { mActivePointerId = event.getPointerId(event.getActionIndex()); mTouchingScrollingChild = true; } mIgnoreEvents = mActivePointerId == MotionEvent.INVALID_POINTER_ID && !parent.isPointInChildBounds(child, initialX, mInitialY); break; } if (!mIgnoreEvents && mViewDragHelper.shouldInterceptTouchEvent(event)) { return true; } // We have to handle cases that the ViewDragHelper does not capture the bottom sheet because // it is not the top most view of its parent. This is not necessary when the touch event is // happening over the scrolling content as nested scrolling logic handles that case. View scroll = mNestedScrollingChildRef.get(); return action == MotionEvent.ACTION_MOVE && scroll != null && !mIgnoreEvents && mState != STATE_DRAGGING && !parent.isPointInChildBounds(scroll, (int) event.getX(), (int) event.getY()) && Math.abs(mInitialY - event.getY()) > mViewDragHelper.getTouchSlop(); } @Override public boolean onTouchEvent(CoordinatorLayout parent, V child, MotionEvent event) { if (!child.isShown()) { return false; } int action = event.getActionMasked(); if (mState == STATE_DRAGGING && action == MotionEvent.ACTION_DOWN) { return true; } if (mViewDragHelper != null) { mViewDragHelper.processTouchEvent(event); } // Record the velocity if (action == MotionEvent.ACTION_DOWN) { reset(); } if (mVelocityTracker == null) { mVelocityTracker = VelocityTracker.obtain(); } mVelocityTracker.addMovement(event); // The ViewDragHelper tries to capture only the top-most View. We have to explicitly tell it // to capture the bottom sheet in case it is not captured and the touch slop is passed. if (action == MotionEvent.ACTION_MOVE && !mIgnoreEvents) { if (Math.abs(mInitialY - event.getY()) > mViewDragHelper.getTouchSlop()) { mViewDragHelper.captureChildView(child, event.getPointerId(event.getActionIndex())); } } return !mIgnoreEvents; } @Override public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, V child, View directTargetChild, View target, int nestedScrollAxes) { mLastNestedScrollDy = 0; mNestedScrolled = false; return (nestedScrollAxes & ViewCompat.SCROLL_AXIS_VERTICAL) != 0; } @Override public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, V child, View target, int dx, int dy, int[] consumed) { View scrollingChild = mNestedScrollingChildRef.get(); if (target != scrollingChild) { return; } int currentTop = child.getTop(); int newTop = currentTop - dy; if (dy > 0) { // Upward if (newTop < mMinOffset) { consumed[1] = currentTop - mMinOffset; ViewCompat.offsetTopAndBottom(child, -consumed[1]); setStateInternal(STATE_EXPANDED); } else { consumed[1] = dy; ViewCompat.offsetTopAndBottom(child, -dy); setStateInternal(STATE_DRAGGING); } } else if (dy < 0) { // Downward if (!target.canScrollVertically(-1)) { if (newTop <= mMaxOffset || mHideable) { consumed[1] = dy; ViewCompat.offsetTopAndBottom(child, -dy); setStateInternal(STATE_DRAGGING); } else { consumed[1] = currentTop - mMaxOffset; ViewCompat.offsetTopAndBottom(child, -consumed[1]); setStateInternal(STATE_COLLAPSED); } } } dispatchOnSlide(child.getTop()); mLastNestedScrollDy = dy; mNestedScrolled = true; } @Override public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, V child, View target) { if (child.getTop() == mMinOffset) { setStateInternal(STATE_EXPANDED); return; } if (mNestedScrollingChildRef == null || target != mNestedScrollingChildRef.get() || !mNestedScrolled) { return; } int top; int targetState; // if (mLastNestedScrollDy > 0) { // top = mMinOffset; // targetState = STATE_EXPANDED; // } else if (mHideable && shouldHide(child, getYVelocity())) { // top = mParentHeight; // targetState = STATE_HIDDEN; // } else if (mLastNestedScrollDy == 0) { // int currentTop = child.getTop(); // if (Math.abs(currentTop - mMinOffset) < Math.abs(currentTop - mMaxOffset)) { // top = mMinOffset; // targetState = STATE_EXPANDED; // } else { // top = mMaxOffset; // targetState = STATE_COLLAPSED; // } // } else { // top = mMaxOffset; // targetState = STATE_COLLAPSED; // } targetState = STATE_SETTLING; top = child.getTop() - mLastNestedScrollDy; if (mViewDragHelper.smoothSlideViewTo(child, child.getLeft(), top)) { setStateInternal(STATE_SETTLING); ViewCompat.postOnAnimation(child, new SettleRunnable(child, targetState)); } else { setStateInternal(targetState); } mNestedScrolled = false; } @Override public boolean onNestedPreFling(CoordinatorLayout coordinatorLayout, V child, View target, float velocityX, float velocityY) { return target == mNestedScrollingChildRef.get() && (mState != STATE_EXPANDED || super.onNestedPreFling(coordinatorLayout, child, target, velocityX, velocityY)); } /** * Sets the height of the bottom sheet when it is collapsed. * * @param peekHeight The height of the collapsed bottom sheet in pixels, or * {@link #PEEK_HEIGHT_AUTO} to configure the sheet to peek automatically * at 16:9 ratio keyline. * @attr ref android.support.design.R.styleable#BottomSheetBehavior_Layout_behavior_peekHeight */ public final void setPeekHeight(int peekHeight) { boolean layout = false; if (peekHeight == PEEK_HEIGHT_AUTO) { if (!mPeekHeightAuto) { mPeekHeightAuto = true; layout = true; } } else if (mPeekHeightAuto || mPeekHeight != peekHeight) { mPeekHeightAuto = false; mPeekHeight = Math.max(0, peekHeight); mMaxOffset = mParentHeight - peekHeight; layout = true; } if (layout && mState == STATE_COLLAPSED && mViewRef != null) { V view = mViewRef.get(); if (view != null) { view.requestLayout(); } } } /** * Gets the height of the bottom sheet when it is collapsed. * * @return The height of the collapsed bottom sheet in pixels, or {@link #PEEK_HEIGHT_AUTO} * if the sheet is configured to peek automatically at 16:9 ratio keyline * @attr ref android.support.design.R.styleable#BottomSheetBehavior_Layout_behavior_peekHeight */ public final int getPeekHeight() { return mPeekHeightAuto ? PEEK_HEIGHT_AUTO : mPeekHeight; } /** * Sets whether this bottom sheet can hide when it is swiped down. * * @param hideable {@code true} to make this bottom sheet hideable. * @attr ref android.support.design.R.styleable#BottomSheetBehavior_Layout_behavior_hideable */ public void setHideable(boolean hideable) { mHideable = hideable; } /** * Gets whether this bottom sheet can hide when it is swiped down. * * @return {@code true} if this bottom sheet can hide. * @attr ref android.support.design.R.styleable#BottomSheetBehavior_Layout_behavior_hideable */ public boolean isHideable() { return mHideable; } /** * Sets whether this bottom sheet should skip the collapsed state when it is being hidden * after it is expanded once. Setting this to true has no effect unless the sheet is hideable. * * @param skipCollapsed True if the bottom sheet should skip the collapsed state. * @attr ref android.support.design.R.styleable#BottomSheetBehavior_Layout_behavior_skipCollapsed */ public void setSkipCollapsed(boolean skipCollapsed) { mSkipCollapsed = skipCollapsed; } /** * Sets whether this bottom sheet should skip the collapsed state when it is being hidden * after it is expanded once. * * @return Whether the bottom sheet should skip the collapsed state. * @attr ref android.support.design.R.styleable#BottomSheetBehavior_Layout_behavior_skipCollapsed */ public boolean getSkipCollapsed() { return mSkipCollapsed; } /** * Sets a callback to be notified of bottom sheet events. * * @param callback The callback to notify when bottom sheet events occur. */ public void setBottomSheetCallback(BottomSheetCallback callback) { mCallback = callback; } /** * Sets the state of the bottom sheet. The bottom sheet will transition to that state with * animation. * * @param state One of {@link #STATE_COLLAPSED}, {@link #STATE_EXPANDED}, or * {@link #STATE_HIDDEN}. */ public final void setState(final @State int state) { if (state == mState) { return; } if (mViewRef == null) { // The view is not laid out yet; modify mState and let onLayoutChild handle it later if (state == STATE_COLLAPSED || state == STATE_EXPANDED || (mHideable && state == STATE_HIDDEN)) { mState = state; } return; } final V child = mViewRef.get(); if (child == null) { return; } // Start the animation; wait until a pending layout if there is one. ViewParent parent = child.getParent(); if (parent != null && parent.isLayoutRequested() && ViewCompat.isAttachedToWindow(child)) { child.post(new Runnable() { @Override public void run() { startSettlingAnimation(child, state); } }); } else { startSettlingAnimation(child, state); } } /** * Gets the current state of the bottom sheet. * * @return One of {@link #STATE_EXPANDED}, {@link #STATE_COLLAPSED}, {@link #STATE_DRAGGING}, * {@link #STATE_SETTLING}, and {@link #STATE_HIDDEN}. */ @State public final int getState() { return mState; } void setStateInternal(@State int state) { if (mState == state) { return; } mState = state; View bottomSheet = mViewRef.get(); if (bottomSheet != null && mCallback != null) { mCallback.onStateChanged(bottomSheet, state, finalTop); } } private void reset() { mActivePointerId = ViewDragHelper.INVALID_POINTER; if (mVelocityTracker != null) { mVelocityTracker.recycle(); mVelocityTracker = null; } } boolean shouldHide(View child, float yvel) { if (mSkipCollapsed) { return true; } if (child.getTop() < mMaxOffset) { // It should not hide, but collapse. return false; } final float newTop = child.getTop() + yvel * HIDE_FRICTION; return Math.abs(newTop - mMaxOffset) / (float) mPeekHeight > HIDE_THRESHOLD; } @VisibleForTesting View findScrollingChild(View view) { if (ViewCompat.isNestedScrollingEnabled(view)) { return view; } if (view instanceof ViewGroup) { ViewGroup group = (ViewGroup) view; for (int i = 0, count = group.getChildCount(); i < count; i++) { View scrollingChild = findScrollingChild(group.getChildAt(i)); if (scrollingChild != null) { return scrollingChild; } } } return null; } private float getYVelocity() { mVelocityTracker.computeCurrentVelocity(1000, mMaximumVelocity); return mVelocityTracker.getYVelocity(mActivePointerId); } void startSettlingAnimation(View child, int state) { int top; if (state == STATE_COLLAPSED) { top = mMaxOffset; } else if (state == STATE_EXPANDED) { top = mMinOffset; } else if (state == STATE_HALF_EXPANDED) { top = mParentHeight / 2; } else if (mHideable && state == STATE_HIDDEN) { top = mParentHeight; } else { throw new IllegalArgumentException("Illegal state argument: " + state); } if (mViewDragHelper.smoothSlideViewTo(child, child.getLeft(), top)) { setStateInternal(STATE_SETTLING); ViewCompat.postOnAnimation(child, new SettleRunnable(child, state)); } else { setStateInternal(state); } } private final ViewDragHelper.Callback mDragCallback = new ViewDragHelper.Callback() { @Override public boolean tryCaptureView(View child, int pointerId) { if (mState == STATE_DRAGGING) { return false; } if (mTouchingScrollingChild) { return false; } if (mState == STATE_EXPANDED && mActivePointerId == pointerId) { View scroll = mNestedScrollingChildRef.get(); if (scroll != null && scroll.canScrollVertically(-1)) { // Let the content scroll up return false; } } return mViewRef != null && mViewRef.get() == child; } @Override public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) { dispatchOnSlide(top); } @Override public void onViewDragStateChanged(int state) { if (state == ViewDragHelper.STATE_DRAGGING) { setStateInternal(STATE_DRAGGING); } } @Override public void onViewReleased(View releasedChild, float xvel, float yvel) { int top; @State int targetState; // if (yvel < 0) { // Moving up // top = mMinOffset; // targetState = STATE_EXPANDED; // } else if (mHideable && shouldHide(releasedChild, yvel)) { // top = mParentHeight; // targetState = STATE_HIDDEN; // } else if (yvel == 0.f) { // int currentTop = releasedChild.getTop(); // if (Math.abs(currentTop - mMinOffset) < Math.abs(currentTop - mMaxOffset)) { // top = mMinOffset; // targetState = STATE_EXPANDED; // } else { // top = mMaxOffset; // targetState = STATE_COLLAPSED; // } // } else { // top = mMaxOffset; // targetState = STATE_COLLAPSED; // } targetState = STATE_SETTLING; if (yvel != 0) {//重新处理 overScroller.fling(releasedChild.getLeft(), releasedChild.getTop(), 0, (int) yvel, 0, 0, mMinOffset, mMaxOffset); top = overScroller.getFinalY(); finalTop = top; } else { top = releasedChild.getTop(); finalTop = top; } if (mViewDragHelper.settleCapturedViewAt(releasedChild.getLeft(), top)) { setStateInternal(STATE_SETTLING); ViewCompat.postOnAnimation(releasedChild, new SettleRunnable(releasedChild, targetState)); } else { setStateInternal(targetState); } } @Override public int clampViewPositionVertical(View child, int top, int dy) { return MathUtils.clamp(top, mMinOffset, mHideable ? mParentHeight : mMaxOffset); } @Override public int clampViewPositionHorizontal(View child, int left, int dx) { return child.getLeft(); } @Override public int getViewVerticalDragRange(View child) { if (mHideable) { return mParentHeight - mMinOffset; } else { return mMaxOffset - mMinOffset; } } }; void dispatchOnSlide(int top) { View bottomSheet = mViewRef.get(); if (bottomSheet != null && mCallback != null) { mCallback.onSlide(bottomSheet, top); } } @VisibleForTesting int getPeekHeightMin() { return mPeekHeightMin; } private class SettleRunnable implements Runnable { private final View mView; @State private final int mTargetState; SettleRunnable(View view, @State int targetState) { mView = view; mTargetState = targetState; } @Override public void run() { if (mViewDragHelper != null && mViewDragHelper.continueSettling(true)) { ViewCompat.postOnAnimation(mView, this); } else { setStateInternal(mTargetState); } } } protected static class SavedState extends AbsSavedState { @State final int state; public SavedState(Parcel source) { this(source, null); } public SavedState(Parcel source, ClassLoader loader) { super(source, loader); //noinspection ResourceType state = source.readInt(); } public SavedState(Parcelable superState, @State int state) { super(superState); this.state = state; } @Override public void writeToParcel(Parcel out, int flags) { super.writeToParcel(out, flags); out.writeInt(state); } public static final Creator CREATOR = new ClassLoaderCreator() { @Override public SavedState createFromParcel(Parcel in, ClassLoader loader) { return new SavedState(in, loader); } @Override public SavedState createFromParcel(Parcel in) { return new SavedState(in, null); } @Override public SavedState[] newArray(int size) { return new SavedState[size]; } }; } /** * A utility function to get the {@link MyBottomSheetBehavior} associated with the {@code view}. * * @param view The {@link View} with {@link MyBottomSheetBehavior}. * @return The {@link MyBottomSheetBehavior} associated with the {@code view}. */ @SuppressWarnings("unchecked") public static MyBottomSheetBehavior from(V view) { ViewGroup.LayoutParams params = view.getLayoutParams(); if (!(params instanceof CoordinatorLayout.LayoutParams)) { throw new IllegalArgumentException("The view is not a child of CoordinatorLayout"); } CoordinatorLayout.Behavior behavior = ((CoordinatorLayout.LayoutParams) params) .getBehavior(); if (!(behavior instanceof MyBottomSheetBehavior)) { throw new IllegalArgumentException( "The view is not associated with BottomSheetBehavior"); } return (MyBottomSheetBehavior) behavior; } }

在代码中,监听bottomsheet的滑动:

 LinearLayout bottom_sheet = findViewById(R.id.bottom_sheet); //bottomsheet
 LinearLayout layout_bottom_sheet = findViewById(R.id.layout_bottom_sheet); // bottomsheet里的布局
 MyBottomSheetBehavior behavior = MyBottomSheetBehavior.from(bottom_sheet);
 behavior.setBottomSheetCallback(new MyBottomSheetBehavior.BottomSheetCallback()
        {
            @SuppressLint("WrongConstant")
            @Override
            public void onStateChanged(@NonNull View bottomSheet, int newState, int finalTop)
            {
                if (newState == 2)
                {
                    Log.e("finalTop", "===" + finalTop);
                    if (finalTop <= mHeight && finalTop > mHeight / 4 * 3)
                    {
                        // 最底层
                        Log.e("最底层", "最底层");
                        behavior.setState(MyBottomSheetBehavior.STATE_COLLAPSED);
                    } else if (finalTop <= mHeight / 4 * 3 && finalTop > mHeight / 2)
                    {
                        Log.e("2分之1层", "2分之1层");
                        behavior.setState(MyBottomSheetBehavior.STATE_HALF_EXPANDED);
                    } else if (finalTop <= mHeight / 2 && finalTop > mHeight / 4)
                    {
                        Log.e("3分之2层", "3分之2层");
                        behavior.setState(MyBottomSheetBehavior.STATE_HALF_EXPANDED);
                    } else if (finalTop <= mHeight / 4)
                    {
                        Log.e("最上层", "最上层");
                        behavior.setState(MyBottomSheetBehavior.STATE_EXPANDED);
                    }
                }
                switch (newState)
                {
                    case 1:
                        //过渡状态此时用户正在向上或者向下拖动bottom sheet
                        Log.e("state", "====用户正在向上或者向下拖动");
                        break;
                    case 2:
                        // 视图从脱离手指自由滑动到最终停下的这一小段时间
                        Log.e("state", "====视图从脱离手指自由滑动到最终停下的这一小段时间");
                        break;
                    case 3:
                        //处于完全展开的状态
                        Log.e("state", "====处于完全展开的状态");
                        break;
                    case 4:
                        //默认的折叠状态
                        Log.e("state", "====默认的折叠状态");
                        break;
                    case 5:
                        //下滑动完全隐藏 bottom sheet
                        Log.e("state", "====下滑动完全隐藏");
                        break;
                }
            }

            @Override
            public void onSlide(@NonNull View bottomSheet, float slideOffset)
            {
                Log.e("slideOffset", "===" + slideOffset);
            }
        });

再加上布局代码:
Android仿高德地图打车的三段式BottomSheet_第3张图片
因为我这个布局CoordinatorLayout外面还有其他的布局,所以没有xmlns:tools啊之类的东西,能看懂就行,Framlayout里就是地图啊之类的布局了,这里主要看的还是bottomsheet的布局:



            

            
        

注意,如果你使用了自定义的BottomSheetBehavior,那么app2:layout_behavior里一定要写上正确的路径,比如:gxsh.xmlkd.tools.MyBottomSheetBehavior,这是我自定义BottomSheetBehavior的路径。

此时,按照上面的代码一路走下来,直到运行,它展示的结果是这样的:

就是一个全屏的效果。

但是在高德地图里,它展示的最大展开是有一个阴影高度的,那么这个的实现就是在代码中修改bottomsheet的高度。

首先,把xml布局中,bottom_sheet和layout_bottom_sheet的layout_height,改成wrap_content:



            


            
        

然后在代码中,当你findviewbyid写出layout_bottom_sheet之后,你将它的高度修改一下:ViewGroup.LayoutParams layoutParams = layout_bottom_sheet.getLayoutParams(); layoutParams.height = minHeight + mHeight / 4 * 3; layoutParams.width = mWidth; layout_bottom_sheet.setLayoutParams(layoutParams);
然后再进行MyBottomSheetBehavior.from(bottom_sheet);的操作,得到MyBottomSheetBehavior,那么按照上面的计算结果,这个bottomsheet的最大高度为:minHeight(peekheight的高度)加上剩下屏幕高度mHeight的四分之三,这样的话,这个bottomsheet完全展开的时候,就不会全屏了,同样的,它的finaltop也不会到达最上层了!
那么这样的话,当你滑动到顶之后,它的finaltop还是只会在1/2层,结果只会变成完全折叠状态,这样就不是我们要的效果了。

我的处理方法是:去掉3/4层,和最上层,将原来的3/4层再平均分一下,分成A层B层
Android仿高德地图打车的三段式BottomSheet_第4张图片
这样,与上面同理,当finaltop在A层的时候,调用STATE_EXPANDED,当finaltop在B层的时候,则调用STATE_HALF_EXPANDED,其实理论上和上面一样,只是把最上层3/4层改成了A层B层,而它们的区间值也改了一下而已。

 behavior.setBottomSheetCallback(new MyBottomSheetBehavior.BottomSheetCallback()
        {
            @SuppressLint("WrongConstant")
            @Override
            public void onStateChanged(@NonNull View bottomSheet, int newState, int finalTop)
            {
                if (newState == 2)
                {
                    Log.e("finalTop", "===" + finalTop);
                    if (finalTop <= mHeight && finalTop > mHeight / 4 * 3)
                    {
                        // 最底层
                        Log.e("最底层", "最底层");
                        behavior.setState(MyBottomSheetBehavior.STATE_COLLAPSED);
                    } else if (finalTop <= mHeight / 4 * 3 && finalTop > mHeight / 2)
                    {
                        Log.e("2分之1层", "2分之1层");
                        behavior.setState(MyBottomSheetBehavior.STATE_HALF_EXPANDED);
                    } else if (finalTop <= mHeight / 2 && finalTop > mHeight / 4 + mHeight / 8)
                    {
                        Log.e("B层", "B层");
                        behavior.setState(MyBottomSheetBehavior.STATE_HALF_EXPANDED);
                    } else if (finalTop <= mHeight / 4 + mHeight / 8)
                    {
                        Log.e("A层", "A层");
                        behavior.setState(MyBottomSheetBehavior.STATE_EXPANDED);
                    }
                }
            }

            @Override
            public void onSlide(@NonNull View bottomSheet, float slideOffset)
            {
                Log.e("slideOffset", "===" + slideOffset);
            }
        });

这样,就可以达到最上面第二张gif图的效果了,里面的细节等东西,可以自己去优化一下,然后参数也可以又自己去修改,达到自己要的效果。

你可能感兴趣的:(自己总结)