BottomSheetBehavior 的两个用处

1. BottomSheetBehavior 简介

An interaction behavior plugin for a child view of CoordinatorLayout
to make it work as a bottom sheet.
链接:https://developer.android.google.cn/reference/android/support/design/widget/BottomSheetBehavior?hl=en

划重点:一定要是CoordinatorLayout的子view,不要混淆成 ConstraintLayout。否则就会出现:BottomSheetBehavior is not a child of CoordinatorLayout 的错误
BottomSheetBehavior 可以和 CoordinatorLayout 的子View 一起,实现底部弹窗效果,手指拖动该面板,可以实现随手指上下滑动,如图:
在这里插入图片描述

2. 实现方法

2.1 gradle 中添加依赖:

  implementation 'com.android.support:design:25.3.0'

2.2 布局文件引入

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/cl"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <android.support.v4.widget.NestedScrollView
        android:id="@+id/bottom_sheet"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:behavior_hideable="true"
        app:behavior_peekHeight="50dp"
        app:layout_behavior="@string/bottom_sheet_behavior"        >
          <!-- NestedScrollView里设置你的底部表长什么样的,也可以根据实际情况使用别的布局-->
    </android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

PS: app:layout_behavior="@string/bottom_sheet_behavior" 这句一定不能省略,用于和BottomSheetBehavior 建立联系。 且该字符串已在库中定义,直接这样引用即可。否则,会出现如此错误:
“The view is not associated with BottomSheetBehavior ”。

2.3 java 代码中

        // The View with the BottomSheetBehavior
        CoordinatorLayout coordinatorLayout = (CoordinatorLayout) findViewById(R.id.cl);
        View bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet);
        final BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet);
        
        behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
            @Override
            public void onStateChanged(@NonNull View bottomSheet, int newState) {
                //这里是bottomSheet 状态的改变回调
            }
 
            @Override
            public void onSlide(@NonNull View bottomSheet, float slideOffset) {
                //这里是拖拽中的回调,根据slideOffset可以做一些动画
            }
        });

2.4 几点说明

peekHeight是当Bottom Sheets关闭的时候,底部下表我们能看到的高度。
hideable 是当我们拖拽下拉的时候,bottom sheet是否能全部隐藏。
如果你需要监听Bottom Sheets回调的状态,可以通过setBottomSheetCallback来实现,onSlide方法是拖拽中的回调,根据slideOffset可以做一些动画 onStateChanged方法可以监听到状态的改变。
BottomSheetBehavior.State 总共有5种,如下:

STATE_COLLAPSED: 关闭Bottom Sheets,显示peekHeight的高度,默认是0
STATE_DRAGGING: 用户拖拽Bottom Sheets时的状态
STATE_SETTLING: 当Bottom Sheets view摆放时的状态。
STATE_EXPANDED: 当Bottom Sheets 展开的状态
STATE_HIDDEN: 当Bottom Sheets 隐藏的状态

3. 扩展-BottomSheetDialog

参考链接:
Material Design系列,Behavior之BottomSheetBehavior与BottomSheetDialog
— 该博文介绍详细,可参考学习

使用BottomSheetBehavior实现美团拖拽效果 https://www.jianshu.com/p/04711494868e

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 两个BottomSheetBehavior不会冲突,每个BottomSheetBehavior只控制一个BottomSheet的行为。在同一个布局中可以使用多个BottomSheetBehavior来控制不同的BottomSheet。 ### 回答2: 两个BottomSheetBehavior在使用时可能会产生冲突。BottomSheetBehavior是一种用于实现底部滑动面板的行为类,它可以用于控制用户交互以及底部面板的状态切换。当同时使用两个BottomSheetBehavior时,可能会存在以下冲突情况: 1. 嵌套冲突:如果两个BottomSheetBehavior嵌套在同一个布局中,它们可能会相互影响。例如,当一个BottomSheetBehavior处于展开状态时,另一个BottomSheetBehavior可能无法正常滑动或隐藏。 2. 状态冲突:两个BottomSheetBehavior可能会尝试在同一时间切换底部面板的状态,例如一个BottomSheetBehavior正在尝试展开,而另一个BottomSheetBehavior正在尝试隐藏。这会导致状态的混乱和不一致。 为避免冲突,可以采取以下几种解决方案: 1. 使用不同的滑动区域:将两个BottomSheetBehavior分别放置在不同的滑动区域中,确保它们的操作不会相互干扰。例如,可以将它们放置在不同的嵌套ScrollView或RecyclerView中。 2. 约束状态转换:通过监听和控制两个BottomSheetBehavior的状态转换,确保它们不会同时执行展开或隐藏的操作。可以通过添加条件判断或使用事件回调来实现。 3. 自定义行为:如果两个BottomSheetBehavior的默认行为无法满足需求,可以考虑自定义行为类。通过自定义行为,可以更好地控制两个BottomSheetBehavior的交互和状态切换,避免冲突的发生。 总结来说,两个BottomSheetBehavior在使用时可能会冲突,但可以通过合理的布局设计、状态管理和自定义行为来避免冲突发生。 ### 回答3: 两个BottomSheetBehavior在同一个界面中使用时是可以同时存在的,但可能会发生冲突。 首先,BottomSheetBehavior是用于控制底部滑动面板的行为的类。如果两个BottomSheetBehavior分别应用于不同的视图,它们在功能上是相互独立的,不会产生冲突。 然而,如果两个BottomSheetBehavior应用于相同的视图或视图树中的多个视图,那么它们可能会发生冲突。这是因为BottomSheetBehavior会为底部滑动面板提供一个状态,如展开、折叠或隐藏等。当一个BottomSheetBehavior更改了状态时,另一个BottomSheetBehavior可能会受到干扰或无法正确地处理其状态。 为避免冲突,可以尝试以下解决方案: 1. 确保每个BottomSheetBehavior只应用于其独有的视图,这样它们之间就不会发生冲突。 2. 如果多个BottomSheetBehavior应用于相同的视图,可以使用setPeekHeight()方法限制它们在展开时的高度,以确保它们不会互相干扰。 3. 如果需要在同一时间只有一个底部滑动面板是可见的,可以使用一个BottomSheetBehavior控制多个视图,并且在更改状态时,确保只有一个视图处于展开状态。 综上所述,两个BottomSheetBehavior在同一个界面中使用时可能会发生冲突,但可以通过正确的应用和限制来避免冲突。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值