Android两种方法使用BottomSheet

最新推荐文章于 2024-09-22 23:08:03 发布

原创最新推荐文章于 2024-09-22 23:08:03 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #安卓 #app

随笔专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了如何在Android中使用BottomSheetBehavior和BottomSheetDialog来创建底部抽屉效果。方法1通过 CoordinatorLayout 和 app:layout_behavior 属性实现BottomSheetBehavior，设置隐藏和显示状态，并监听滑动事件。方法2则利用BottomSheetDialog和setContentView展示底部抽屉，动态调整状态。通过这两种方式，开发者可以灵活地在应用中集成底部抽屉交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#xml 
#app:behavior_hideable="true" 这个不用会闪退
#app:behavior_peekHeight弹出高度

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 
      ...
    <LinearLayout
        android:id="@+id/meter_bottom_menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:behavior_hideable="true"
        app:layout_behavior="@string/bottom_sheet_behavior"
        android:orientation="vertical">
	...
</androidx.coordinatorlayout.widget.CoordinatorLayout>

//java
private BottomSheetBehavior<LinearLayout> behavior;
...
        LinearLayout bottomMenu = findViewById(R.id.meter_bottom_menu);
        behavior = BottomSheetBehavior.from(bottomMenu);
        behavior.setState(BottomSheetBehavior.STATE_HIDDEN);
        behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() 		 {
            @Override
            public void onStateChanged(@NonNull View view, int i) {
                
            }

            @Override
            public void onSlide(@NonNull View view, float v) {

            }
        });
...
        if (behavior.getState() == BottomSheetBehavior.STATE_HIDDEN) {
            behavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
        } else {
            behavior.setState(BottomSheetBehavior.STATE_HIDDEN);
        }

方法2 BottomSheetDialog

	val view = View.inflate(this, R.layout.bottom_sheet_dialog1, null)
    ......
    val dialog = BottomSheetDialog(this)
    dialog.setContentView(view)
    val behavior = BottomSheetBehavior.from(view.parent as View)
        
 //when click
 	behavior.state = BottomSheetBehavior.STATE_HALF_EXPANDED                       
    dialog.show()