参考
基础
底部弹起的view或dialog。其实现关键也是CoordinatorLayout与Behavior。
View形式
view形式的展开是通过BottomSheetBehavior实现的。此时有两个前提:
1,View类必须支持嵌套滚动。
2,View类必须是CoordinatorLayout的直接子类。
如下:
View bottomSheet = findViewById(R.id.bottom_sheet);//view必须是CoordinatorLayout的子类
behavior = BottomSheetBehavior.from(bottomSheet);//该View需要配置<span style="font-family: Arial, Helvetica, sans-serif;">app:layout_behavior="@string/bottom_sheet_behavior"</span>
behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {//设置回调
@Override
public void onStateChanged(@NonNull View bottomSheet, int newState) {
// React to state change
}
@Override
public void onSlide(@NonNull View bottomSheet, float slideOffset) {
// React to dragging events
}
});
展开只需要调用behavior.setState(BottomSheetBehavior.STATE_EXPANDED);
关闭只需要调用behavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
其对应的布局为:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/coordinatorLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#a3b1ef"
android:fitsSystemWindows="true">
<!--两个按钮,略-->
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:layout_marginTop="16dp"
android:background="#fff"
app:layout_behavior="@string/bottom_sheet_behavior" />
</android.support.design.widget.CoordinatorLayout>
从中可以看出,recycler是coordinatorLayout的直接子类,并且它支持嵌套滑动。如果换成ListView,就废了。
状态
BottomSheetBehavior有五种状态,分别如下:
STATE_COLLAPSED: 收缩,只会在底部显示该layout的一部分。要显示的部分的高度由 pp:behavior_peekHeight属性控制,默认下是0。代码中由BottomSheetBehavior#setPeekHeight()控制。
STATE_DRAGGING: 手指拖动着滑动状态。
STATE_SETTLING: 由用户放开手指到layout最终停止这中间的状态。
STATE_EXPANDED: 完全展开的状态。如果bottom sheet高度过高,则完全展开并可以滑动;否则,就完全展开,并上部留有剩余空间。
STATE_HIDDEN: 隐藏状态。
dialog形式
通过BottomSheetDialog实现,没有太多限制。使用方式也与原始的dialog差不多。如下:
mBottomSheetDialog = new BottomSheetDialog(this);
View view = getLayoutInflater().inflate(R.layout.activity_main, null);
mBottomSheetDialog.setContentView(view);
mBottomSheetDialog.show();
mBottomSheetDialog.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialog) {
mBottomSheetDialog = null;
}
});