首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Android支持BottomSheetBehavior附加锚定状态

Android支持BottomSheetBehavior附加锚定状态
EN

Stack Overflow用户
提问于 2016-05-01 06:32:59
回答 1查看 11.9K关注 0票数 8

我一直在应用程序中使用AndroidSlidingUpPanel库。自从23.1.1版本的之后,这就打破了我布局中的一些东西。由于最新版本引入了BottomSheetBehavior,我希望取代AndroidSlidingUpPanel库,转而使用BottomSheetBehavior。然而,BottomSheetBehavior只有3个状态,隐藏、折叠和扩展(以及两个中间状态拖放和解决)。此外,AndroidSlidingUpPanel还具有锚定状态,这是面板在折叠和展开之间切换到的状态。我如何使用BottomSheetBehavior并获得这个附加的锚定状态?

例如,谷歌的地图应用程序就有这种行为。

隐藏:

崩溃:

拖动(在折叠和锚定之间):

锚定:

拖动(锚定和扩展之间):

扩展:

有一些视差效应,随着一个可选的图像在地图上滑动在锚定状态下,当位置有他们。当完全展开时,位置名称成为动作栏标题。我最终也会对实现类似的目标感兴趣。

我的第一本能是,锚定状态实际上是扩展状态,在面板上方的空空间,地图仍然是可见的,是视图的一个透明部分。然后,锚定状态和展开状态之间的拖动只是滚动面板视图本身的内容。

事实验证了这一点,即当处于锚定状态时,可以通过滑动面板上方的可见映射区域继续滚动面板。但是,视图的这个不可见部分必须扩展到其区域(可选图像显然是这样),同时从折叠状态上滑动,因为在崩溃状态下不可能从地图上滑动面板。我想我可以走这条路,但想看看外面有没有更好的办法。

EN

回答 1

Stack Overflow用户

发布于 2016-05-25 04:24:40

大更新,因为对于相同的主题有4到5个问题,但要求不同,我试着回答所有这些问题。一个不礼貌的管理员删除/关闭了他们,让我为每个人创建一张票,并改变他们,以避免“复制粘贴”。我会给你一个链接到全答,在那里你可以找到所有的解释,如何获得完整的行为,如谷歌地图。

回答你的问题

我如何使用BottomSheetBehavior并获得这个附加的锚定状态?

您可以通过修改默认的BottomSheetBehavior,再添加一个stat来做到这一点,具体步骤如下:

  1. 创建一个Java类并从CoordinatorLayout.Behavior<V>扩展它
  2. 将默认BottomSheetBehavior文件中的粘贴代码复制到新文件中。
  3. 使用以下代码修改方法clampViewPositionVertical
代码语言:javascript
复制
    @Override
    public int clampViewPositionVertical(View child, int top, int dy) {
        return constrain(top, mMinOffset, mHideable ? mParentHeight : mMaxOffset);
    }

    int constrain(int amount, int low, int high) {
        return amount < low ? low : (amount > high ? high : amount);
    }
  1. 添加一个新的状态 public static final int STATE_ANCHOR_POINT = X;
  2. 修改下一个方法:onLayoutChildonStopNestedScrollBottomSheetBehavior<V> from(V view)setState (可选)

我将添加那些修改后的方法和一个链接到示例项目。

代码语言:javascript
复制
public boolean onLayoutChild(CoordinatorLayout parent, V child, int layoutDirection) {
    // First let the parent lay it out
    if (mState != STATE_DRAGGING && mState != STATE_SETTLING) {
        if (ViewCompat.getFitsSystemWindows(parent) &&
                !ViewCompat.getFitsSystemWindows(child)) {
            ViewCompat.setFitsSystemWindows(child, true);
        }
        parent.onLayoutChild(child, layoutDirection);
    }
    // Offset the bottom sheet
    mParentHeight = parent.getHeight();
    mMinOffset = Math.max(0, mParentHeight - child.getHeight());
    mMaxOffset = Math.max(mParentHeight - mPeekHeight, mMinOffset);

    //if (mState == STATE_EXPANDED) {
    //    ViewCompat.offsetTopAndBottom(child, mMinOffset);
    //} else if (mHideable && mState == STATE_HIDDEN...
    if (mState == STATE_ANCHOR_POINT) {
        ViewCompat.offsetTopAndBottom(child, mAnchorPoint);
    } else 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);
    }
    if (mViewDragHelper == null) {
        mViewDragHelper = ViewDragHelper.create(parent, mDragCallback);
    }
    mViewRef = new WeakReference<>(child);
    mNestedScrollingChildRef = new WeakReference<>(findScrollingChild(child));
    return true;
}


public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, V child, View target) {
    if (child.getTop() == mMinOffset) {
        setStateInternal(STATE_EXPANDED);
        return;
    }
    if (target != mNestedScrollingChildRef.get() || !mNestedScrolled) {
        return;
    }
    int top;
    int targetState;
    if (mLastNestedScrollDy > 0) {
        //top = mMinOffset;
        //targetState = STATE_EXPANDED;
        int currentTop = child.getTop();
        if (currentTop > mAnchorPoint) {
            top = mAnchorPoint;
            targetState = STATE_ANCHOR_POINT;
        }
        else {
            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;
        int currentTop = child.getTop();
        if (currentTop > mAnchorPoint) {
            top = mMaxOffset;
            targetState = STATE_COLLAPSED;
        }
        else {
            top = mAnchorPoint;
            targetState = STATE_ANCHOR_POINT;
        }
    }
    if (mViewDragHelper.smoothSlideViewTo(child, child.getLeft(), top)) {
        setStateInternal(STATE_SETTLING);
        ViewCompat.postOnAnimation(child, new SettleRunnable(child, targetState));
    } else {
        setStateInternal(targetState);
    }
    mNestedScrolled = false;
}

public final void setState(@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
        /**
         * New behavior (added: state == STATE_ANCHOR_POINT ||)
         */
        if (state == STATE_COLLAPSED || state == STATE_EXPANDED ||
                state == STATE_ANCHOR_POINT ||
                (mHideable && state == STATE_HIDDEN)) {
            mState = state;
        }
        return;
    }
    V child = mViewRef.get();
    if (child == null) {
        return;
    }
    int top;
    if (state == STATE_COLLAPSED) {
        top = mMaxOffset;
    } else if (state == STATE_ANCHOR_POINT) {
        top = mAnchorPoint;
    } else if (state == STATE_EXPANDED) {
        top = mMinOffset;
    } else if (mHideable && state == STATE_HIDDEN) {
        top = mParentHeight;
    } else {
        throw new IllegalArgumentException("Illegal state argument: " + state);
    }
    setStateInternal(STATE_SETTLING);
    if (mViewDragHelper.smoothSlideViewTo(child, child.getLeft(), top)) {
        ViewCompat.postOnAnimation(child, new SettleRunnable(child, state));
    }
}


public static <V extends View> BottomSheetBehaviorGoogleMapsLike<V> 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 BottomSheetBehaviorGoogleMapsLike)) {
        throw new IllegalArgumentException(
                "The view is not associated with BottomSheetBehaviorGoogleMapsLike");
    }
    return (BottomSheetBehaviorGoogleMapsLike<V>) behavior;
}

您甚至可以在behavior.setBottomSheetCallback(new BottomSheetBehaviorGoogleMapsLike.BottomSheetCallback() {....中使用回调。

--这是它看起来像的样子

[

]

票数 18
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36963798

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档