Android底部弹窗BottomSheetDialog的使用

1.首先写一个dialog展示的xml(menu.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ListView
        android:id="@+id/menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </ListView>

</LinearLayout>

2.再写一个ListView布局的xml(menu_listview.xml)

这里使用LinearLayout是为了让图片跟文本能够显示在同一排上

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center" >
        <ImageView
            android:id="@+id/pic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/menu_listview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="45dp"
            android:textSize="40sp"
            android:textStyle="bold"
            android:singleLine="true"
            android:textAppearance="?android:attr/textAppearanceButton" />
    </LinearLayout>

</LinearLayout>

3.编写展示弹窗方法

在MainActivity.java中编写方法

BottomSheetDialog dialog = null;
private List<Map<String, Object>> dataList; //图片和文本数据
private String[] array; //展示的功能文本
private void showMenu(){
	dialog = new BottomSheetDialog(MainActivity.this);
	View view = LayoutInflater.from(MainActivity.this)
			.inflate(R.layout.menu,null);
	ListView listView = view.findViewById(R.id.menu);
	dataList = new ArrayList<Map<String, Object>>();
	SimpleAdapter adapter = new SimpleAdapter(MainActivity.this,
			getData(),
			R.layout.menu_listview,
			new String[]{"pic", "name"}, //这里一定要写对应map的key
			new int[]{R.id.pic, R.id.menu_listview}); //menu_listview.xml文件ImageView和TextView对应的id
	listView.setAdapter(adapter);
	dialog.setContentView(view);
	dialog.setCancelable(false); //设置弹窗不可以点击背景取消
	dialog.show(); //展示弹窗
	//为每个功能绑定单击事件
	listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
		@Override
		public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
			Toast.makeText(MainActivity.this, "你点击了" + array[i], Toast.LENGTH_SHORT).show();
			dialog.dismiss(); //点击事件后关闭弹窗
		}
	});
}

绑定单击事件还可以这样写

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                switch (i){
                    case 0:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
 
                    case 1:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
 
                    case 2:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
 
                    case 3:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
 
                    case 4:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
                }
            }
        });

4.编写方法，将图片和文本绑定在一起

private List<Map<String, Object>> getData()
    {
        int[] arr_pic = {R.drawable.open_door, R.drawable.light, R.drawable.cabinet, R.drawable.close};
        array = new String[]{"开门", "开灯", "待添加", "关闭"};
        for(int i = 0; i < array.length; i++)
        {
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("pic", arr_pic[i]);
            map.put("name", array[i]);
            dataList.add(map);
        }
        return dataList;
    }

5.监听弹窗dismiss事件

有时候需要在弹窗dismiss后修改值或者进行一些操作，BottomSheetDialog也给我们提供了方法

dialog.setOnDismissListener(new DialogInterface.OnDismissListener() {
	@Override
	public void onDismiss(DialogInterface dialogInterface) {
		//这里写弹窗dismiss之后你要执行的操作
	}
});

6.最后，在需要展示的地方调用showMenu方法就可以了