Material Design系列之Behavior实现支付密码弹窗和商品属性选择效果

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <android.support.design.widget.AppBarLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:theme="@style/AppTheme.AppBarOverlay">

 <android.support.v7.widget.Toolbar
  android:id="@+id/toolbar"
  android:layout_width="match_parent"
  android:layout_height="?attr/actionBarSize"
  app:popupTheme="@style/AppTheme.PopupOverlay" />
 </android.support.design.widget.AppBarLayout>

 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_above="@+id/tab_layout"
 android:gravity="center"
 android:orientation="vertical"
 app:layout_behavior="@string/appbar_scrolling_view_behavior">

 <Button
  android:id="@+id/btn_bottom_sheet_control"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:text="sheet 显示/隐藏" />

 </LinearLayout>

 <LinearLayout
 android:id="@+id/tab_layout"
 android:layout_width="match_parent"
 android:layout_height="?actionBarSize"
 android:layout_alignParentBottom="true"
 android:background="@android:color/holo_purple"
 app:layout_behavior="@string/bottom_sheet_behavior">

 <Button
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:text="第一" />

 <Button
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:text="第二" />

 <Button
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:text="第三" />

 <Button
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:text="第四" />
 </LinearLayout>

</android.support.design.widget.CoordinatorLayout>

public static <V extends View> BottomSheetBehavior<V> from(V view) {
 ViewGroup.LayoutParams params = view.getLayoutParams();
 if (!(params instanceof CoordinatorLayout.LayoutParams)) {
 throw new Exception("The view is not a child of CoordinatorLayout");
 }
 CoordinatorLayout.Behavior behavior = params.getBehavior();
 if (!(behavior instanceof BottomSheetBehavior)) {
 throw new IllegalArgumentException("...");
 }
 return (BottomSheetBehavior<V>) behavior;
}

private BottomSheetBehavior mBottomSheetBehavior;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.bsbehavior_activity);
 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
 setSupportActionBar(toolbar);
 getSupportActionBar().setDisplayHomeAsUpEnabled(true);

 findViewById(R.id.btn_bottom_sheet_control).setOnClickListener(onClickListener);
 // 拿到这个tab_layout对应的BottomSheetBehavior
 mBottomSheetBehavior = BottomSheetBehavior.from(findViewById(R.id.tab_layout));
}

/**
 * The bottom sheet is dragging.
 */
public static final int STATE_DRAGGING = 1;

/**
 * The bottom sheet is settling.
 */
public static final int STATE_SETTLING = 2;

/**
 * The bottom sheet is expanded.
 */
public static final int STATE_EXPANDED = 3;

/**
 * The bottom sheet is collapsed.
 */
public static final int STATE_COLLAPSED = 4;

/**
 * The bottom sheet is hidden.
 */
public static final int STATE_HIDDEN = 5;

@Override
public void onClick(View v) {
 if (v.getId() == R.id.btn_bottom_sheet_control) {
 if (mBottomSheetBehavior.getState() == BottomSheetBehavior.STATE_EXPANDED) {
  mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
 } else if (mBottomSheetBehavior.getState() == BottomSheetBehavior.STATE_COLLAPSED) {
  mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
 }
 }
}

private BottomSheetDialog mBottomSheetDialog;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 ...

 createBottomSheetDialog();
}

private void createBottomSheetDialog() {
 mBottomSheetDialog = new BottomSheetDialog(this);
 View view = LayoutInflater.from(this).inflate(R.layout.dialog_bottom_sheet, null, false);
 mBottomSheetDialog.setContentView(view);

 RecyclerView recyclerView = (RecyclerView) view.findViewById(R.id.recyclerView);
 ...
 recyclerView.setAdapter(adapter);
}

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/recyclerView"
 android:layout_width="match_parent"
 android:layout_height="match_parent" />

if (mBottomSheetDialog.isShowing()) {
 mBottomSheetDialog.dismiss();
} else {
 mBottomSheetDialog.show();
}

 @Override
public void setContentView(View view, ViewGroup.LayoutParams params) {
 super.setContentView(wrapInBottomSheet(0, view, params));
}

private View wrapInBottomSheet(int layoutResId, View view, ViewGroup.LayoutParams params) {
 final CoordinatorLayout coordinator = View.inflate(getContext(),R.layout...., null);
 FrameLayout bottomSheet = (FrameLayout) coordinator.findViewById(R.id.design_bottom_sheet);
 BottomSheetBehavior.from(bottomSheet).setBottomSheetCallback(mBottomSheetCallback);
 ...
 return coordinator;
}

private BottomSheetCallback mBottomSheetCallback = new BottomSheetCallback() {
 @Override
 public void onStateChanged(@NonNull View bottomSheet, int newState) {
 if (newState == BottomSheetBehavior.STATE_HIDDEN) {
  dismiss();
 }
 }

 @Override
 public void onSlide(@NonNull View bottomSheet, float slideOffset) {
 }
};

private void setBehaviorCallback() {
 View view = mBottomSheetDialog.getDelegate().findViewById(android.support.design.R.id.design_bottom_sheet);
 final BottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from(view);
 bottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
 @Override
 public void onStateChanged(@NonNull View bottomSheet, int newState) {
  if (newState == BottomSheetBehavior.STATE_HIDDEN) {
  mBottomSheetDialog.dismiss();
  bottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
  }
 }
 @Override
 public void onSlide(@NonNull View bottomSheet, float slideOffset) {
 }
 });
}