BottomSheet底部动作条使用

BottomSheet底部动作条使用底部动作条底部动作条(Bottom Sheets)是一个从屏幕底部边缘向上滑出的一个面板，使用这种方式向用户呈现一组功能。

底部动作条呈现了简单、清晰、无需额外解释的一组操作。

使用环境底部动作条(Bottom Sheets)特别适合有三个或者三个以上的操作需要提供给用户选择、并且不需要对操作有额外解释的情景。

如果只有两个或者更少的操作，或者需要详加描述的，可以考虑使用菜单(Menu)或者对话框替代。

底部动作条(Bottom Sheets)可以是列表样式的也可以是宫格样式的。

宫格布局可以增加视觉的清晰度。

你可以使用底部动作条(Bottom Sheets)展示和其app 相关的操作，比如做为进入其他app 的入口(通过app 的icon 进入)。

我们来看看官方展示的效果：行为显示底部动作条的时候，动画应该从屏幕底部边缘向上展开。

根据上一步的内容，向用户展示用户上一步的操作之后能够继续操作的内容，并提供模态[1]的选择。

点击其他区域会使得底部动作条伴随下滑的动画关闭掉。

如果这个窗口包含的操作超出了默认的显示区域，这个窗口需要可以滑动。

滑动操作应当向上拉起这个动作条的内容，甚至可以覆盖整个屏幕。

当窗口覆盖整个屏幕的时候，需要在上部的标题栏左侧增加一个收起按钮。

添加依赖：compile 'com.android.support:design:24.2.0'BottomSheet使用例子：[html] view plain copy print?在CODE上查看代码片派生到我的代码片<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout xmlns:android="/apk/res/android"xmlns:app="/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"><Buttonandroid:layout_width="match_parent"android:layout_height="80dp"android:onClick="click"android:text="BottomSheet" /><android.support.v4.widget.NestedScrollViewandroid:id="@+id/bottom_sheet"android:layout_width="match_parent"android:layout_height="wrap_content"app:layout_behavior="@string/bottom_sheet_behavior"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="300dp"android:gravity="center"android:orientation="vertical"><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:minHeight="50dp"android:gravity="center_vertical"android:drawableLeft="@mipmap/ic_launcher"android:text="BottomSheet布局" /><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:minHeight="50dp"android:drawableLeft="@mipmap/ic_launcher"android:text="BottomSheet布局" /><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:minHeight="50dp"android:drawableLeft="@mipmap/ic_launcher"android:text="BottomSheet布局" /><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:minHeight="50dp"android:drawableLeft="@mipmap/ic_launcher"android:text="BottomSheet布局" /></LinearLayout></android.support.v4.widget.NestedScrollView></android.support.design.widget.CoordinatorLayout>页面代码：[html] view plain copy print?在CODE上查看代码片派生到我的代码片public class MainActivity extends AppCompatActivity {private BottomSheetBehavior<View> bottomSheet;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(yout.activity_main);ButterKnife.bind(this);init();}private void init() {bottomSheet.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() { @Overridepublic void onStateChanged(@NonNull View bottomSheet, int newState) {//newState 有四个状态：//展开BottomSheetBehavior.STATE_EXPANDED//收起BottomSheetBehavior.STATE_COLLAPSED//拖动BottomSheetBehavior.STATE_DRAGGING//下滑BottomSheetBehavior.STATE_SETTLING}@Overridepublic void onSlide(@NonNull View bottomSheet, float slideOffset) {//这里是拖拽中的回调，slideOffset为0-1 完全收起为0 完全展开为1}});}}当然BottomSheet这种效果是高度可扩展的，你可以在布局中实现你想要的任何效果。

BottomSheetDialogBottomSheetDialog的使用也很简单，直接上代码：[html] view plain copy print?在CODE上查看代码片派生到我的代码片public class BottomSheetDialogActivity extends AppCompatActivity{private List<String> mList;@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(yout.activity_bottomsheet);initData();}private void initData() {mList = new ArrayList<>();for(int i=0; i<20; i++){mList.add("item "+i);}}public void click1(View view){final BottomSheetDialog bottomSheetDialog = new BottomSheetDialog(this);//创建recyclerViewRecyclerView recyclerView = new RecyclerView(this);LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);recyclerView.setLayoutManager(linearLayoutManager);RecyclerAdapter recyclerAdapter = new RecyclerAdapter(mList,this);(recyclerAdapter);recyclerAdapter.setOnItemClickListener(new RecyclerAdapter.OnItemClickListener() {@Overridepublic void onItemClickListener(View item, int position) {Toast.makeText(BottomSheetDialogActivity.this, "item "+position, Toast.LENGTH_SHORT).show();bottomSheetDialog.dismiss();}});bottomSheetDialog.setContentView(recyclerView);bottomSheetDialog.show();}}adapter[html] view plain copy print?在CODE上查看代码片派生到我的代码片public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder>{private List<String> list;private Context mContext;private OnItemClickListener onItemClickListener;public RecyclerAdapter(List<String> list, Context mContext) {this.list = list;this.mContext = mContext;}@Overridepublic ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {View inflate = LayoutInflater.from(mContext).inflate(yout.item_layou, parent, false);return new ViewHolder(inflate);}@Overridepublic void onBindViewHolder(ViewHolder holder, final int position) {.setText(list.get(position));.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {if(onItemClickListener!=null){onItemClickListener.onItemClickListener(v,position);}}});}@Overridepublic int getItemCount() {return list.size();}public static class ViewHolder extends RecyclerView.ViewHolder{TextView tv;public ViewHolder(View itemView) {super(itemView);tv = (TextView) itemView.findViewById(R.id.item_tv);}}public void setOnItemClickListener(OnItemClickListener onItemClickListener) { this.onItemClickListener = ClickListener;}public interface OnItemClickListener{void onItemClickListener(View item, int position);}}item布局：[html] view plain copy print?在CODE上查看代码片派生到我的代码片<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="50dp"android:orientation="vertical"><TextViewandroid:id="@+id/item_tv"android:layout_width="match_parent"android:layout_height="50dp" /></LinearLayout>其它可以实现的效果还有很多，大家可以根据具体情况自行修改。