最新消息:文章中包含代码时,请遵守代码高亮规范!

BottomSheetDialog 底部对话框【原创】

Android knight 365浏览 0评论

 

现在许多App都有底部的对话框,位于底部很适合用户操作, 之前实现底部对话框的效果都是使用普通的Dialog,然后设置对话框的一些窗口属性,有点麻烦。有时为了效果好点,还要自己添加一些动画。

现在Android在design库23.4.0版本的时候添加了BottomSheetDialog ,使用它可以很轻松的实现底部对话框,动画效果也很不错。

效果如下

下面是BottomSheetDialog 实现底部对话框的代码

因为BottomSheetDialog 是design库里面的,使用前要先添加依赖

   implementation 'com.android.support:design:27.1.1'

**注:**如果是Android studio 3.0之前的版本添加依赖关键词要把implementation改成compile

布局代码

dialog_bottom_layout.xml (对话框布局)

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:padding="10dp"
            android:text="请选择"
            android:textColor="#000" />

        <!--   android:foreground="?attr/selectableItemBackground"
        设置此属性是为了TextView设置点击事件后有点击效果-->
        <TextView
            android:id="@+id/tv_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:foreground="?attr/selectableItemBackground"
            android:padding="10dp"
            android:text="取消"
            android:textColor="#f00" />

    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#ccc" />

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

</LinearLayout>

android:foreground="?attr/selectableItemBackground" 设置此属性是为了TextView设置点击事件后有点击效果.

item_dialog_list.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:padding="10dp"
    android:text="xxx">

</TextView>

java 代码

public class MainActivity extends AppCompatActivity {
    private Button button;
    private BottomSheetDialog bottomSheetDialog;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        button = (Button) findViewById(R.id.button);

        bottomSheetDialog = new BottomSheetDialog(this);//创建bottomSheetDialog对象
        bottomSheetDialog.setCanceledOnTouchOutside(false);//false 点击对话框意外的地方对话框不消失,true 则消失
        View view = LayoutInflater.from(this).inflate(R.layout.dialog_bottom_layout, null);
        TextView tvCancel = (TextView) view.findViewById(R.id.tv_cancel);
        ListView lv = (ListView) view.findViewById(R.id.lv);
        bottomSheetDialog.setContentView(view);//设置对话框布局
//        模拟数据 start
        List&lt;String&gt; list = new ArrayList&lt;&gt;();
        for (int i = 0; i &lt; 20; i++) {
            list.add("item" + (i + 1));
        }
//       模拟数据 end
        ArrayAdapter&lt;String&gt; adapter = new ArrayAdapter&lt;&gt;(this, R.layout.item_dialog_list, list);
        lv.setAdapter(adapter);
        //取消
        tvCancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                bottomSheetDialog.dismiss();
            }
        });

        //显示底部对话框
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                bottomSheetDialog.show();
            }
        });
    }
}

 

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/24212.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者knight的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!