[译]三分钟玩转Android(安卓)Bottom Sheet

原文Android: Bottom sheet——Emrullah Lüleci。

Bottom Sheet是一个可拖动的控件，从底部往上滑动展现更多内容。可以从 Google Material Design获取更多关于Bottom Sheet的详细信息。

添加依赖

添加最新的support库依赖

dependencies {    //replace X.X.X with the latest version    compile 'com.android.support:appcompat-v7:X.X.X'    compile 'com.android.support:design:X.X.X'}

让Activity继承AppCompatActivity
public class ButtonActivity extends AppCompatActivity {
…
}

创建布局

Bottom Sheet的内容

简单至上，这是Bottom Sheet包含的布局，文件名叫bottom_sheet.xml。

<?xml version="1.0" encoding="utf-8"?>

behavior_peekHeight：定义可见部分的高度。
behavior_hideable：定义是否能通过下滑手势收起Bottom Sheet。

父布局

将CoordinatorLayout作为根布局，Bottom Sheet作为子控件，下面app_bar 和activity_bottom_sheet_content都是无关紧要的控件，可以移除。

<?xml version="1.0" encoding="utf-8"?>

这时候的效果是这样的

动态控制

在代码中动态控制Bottom Sheet

// get the bottom sheet viewLinearLayout llBottomSheet = (LinearLayout) findViewById(R.id.bottom_sheet);// init the bottom sheet behaviorBottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from(llBottomSheet);// change the state of the bottom sheetbottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);bottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);// set the peek heightbottomSheetBehavior.setPeekHeight(340);// set hideable or notbottomSheetBehavior.setHideable(false);// set callback for changesbottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {    @Override    public void onStateChanged(@NonNull View bottomSheet, int newState) {    }    @Override    public void onSlide(@NonNull View bottomSheet, float slideOffset) {    }});

如此简单。

添加依赖

创建布局

Bottom Sheet的内容

父布局

动态控制

更多相关文章

随机推荐