Material Designed风格Dialog对话框

写过安卓应用的朋友都知道，谷歌提供的默认UI是非常难看的，所以我们在写程序的时候总是需要对UI做很久的功课，写出来的UI更是差强人意，始终看着不自在，而对话框是使用相当频繁的控件了，所以做好对话框的UI类库是非常有必要的，今天就与大家分享一款网友提供的安卓对话框。

项目介绍：

前言

MDDialog是一款Material Designed风格的Dialog，可以灵活定制其内容以及显示方式，如：可以添加中间的ContentView，可以对ContentView自由的添加代码操作，如添加点击事件等等；对于多个选项风格的dialog，提供了直接设置多个选项的功能，并提供了精细的UI按下效果、点击回调函数等等。

介绍

这款Material Designed风格的Dialog的设计灵感来自于MD设计理念，你可以通过使用和AlertDialog相似的代码来构建MDDialog。

MDDialog具有多种有趣的属性：
1. 可以设置显示/隐藏title、显示/隐藏确定/取消按钮（或者同时隐藏两个button，具体UI效果可见微信的选择对话框）；
2. 可以向MDDialog添加一个自定义的View，同时可以在构建MDDialog时，使用setContentViewOperator(…)函数，添加操作自定义view的代码；
3. 可以给MDDialog设置String[] messages，构建MDDialog的builder中提供了响应点击每一个String的回调函数，即，通过setOnItemClickListener(…)设置点击每一条目的回调；
4. 可以自由定制MDialog的四个角的半径大小；
5. MDDialog自动为每个message提供了按下效果，且按下效果会随着此item是否具有圆角而改变；
6. 可以通过两种方式设置MDDialog的宽度，使用宽度占整个屏幕宽度的比值，或使用是精确的尺寸；

使用

首先在Android studio中添加依赖：

dependencies {  compile 'cn.carbs.android:MDDialog:1.0.0'}

样式一类似于listview，如下图所示：

实现代码如下：

final String[] messages = new String[]{"两个黄鹂鸣翠柳，一行白鹭上青天。",

            "窗含西岭千秋雪，门泊东吴万里船。",

            "君不见，黄河之水天上来，奔流到海不复回；君不见，高堂明镜悲白发，朝如青丝暮如雪。"};

new MDDialog.Builder(ActivityMain.this)

                    .setMessages(messages)

                    .setTitle("一首古诗")

                    .setNegativeButton(new View.OnClickListener() {

                        @Override

                        public void onClick(View v) {

                        }

                    })

                    .setPositiveButton(new View.OnClickListener() {

                        @Override

                        public void onClick(View v) {

                            Toast.makeText(getApplicationContext(), "positive", Toast.LENGTH_SHORT).show();

                        }

                    })

                    .setOnItemClickListener(new MDDialog.OnItemClickListener() {

                        @Override

                        public void onItemClicked(int index) {

                            Toast.makeText(getApplicationContext(), messages[index], Toast.LENGTH_SHORT).show();

                        }

                    })

                    .setWidthMaxDp(600)

                    .setShowTitle(false)

                    .setShowButtons(true)

                    .create()

                  .show();

样式二使用自定义view，如下图：

实现代码如下：

自定义View：

<?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"
    >
<LinearLayout
    android:layout_gravity="center"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:id="@+id/messg1"
        android:text="测试内容1" />
    <EditText
        android:id="@+id/et1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>
    <LinearLayout
        android:layout_gravity="center"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:id="@+id/messg2"
            android:text="测试内容2" />
        <EditText
            android:id="@+id/et2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>

</LinearLayout>

java代码如下：

                new MDDialog.Builder(MainActivity.this)
//              .setContentView(customizedView)
                        .setContentView(R.layout.test) //test为自定义view文件名
                        .setContentViewOperator(new MDDialog.ContentViewOperator() {
                            @Override
                            public void operate(View contentView) {//这里的contentView就是上面代码中传入的自定义的View或者layout资源inflate出来的view
                                EditText et = (EditText) contentView.findViewById(R.id.et1);
                                et.setHint("hint set in operator");
                            }
                        })
                        .setTitle("添加")
                        .setNegativeButton(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                            }
                        })
                        .setPositiveButton(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                            }
                        })
                        .setPositiveButtonMultiListener(new MDDialog.OnMultiClickListener() {
                            @Override
                            public void onClick(View clickedView, View contentView) {
                                //这里的contentView就是上面代码中传入的自定义的View或者layout资源inflate出来的view，目的是方便在确定/取消按键中对contentView进行操作，如获取数据等。
                                EditText et = (EditText) contentView.findViewById(R.id.et1);
                                Toast.makeText(getApplicationContext(), "edittext 0 : " + et.getText(), Toast.LENGTH_SHORT).show();
                            }
                        })
                        .setNegativeButtonMultiListener(new MDDialog.OnMultiClickListener() {
                            @Override
                            public void onClick(View clickedView, View contentView) {
                                EditText et = (EditText) contentView.findViewById(R.id.et2);
                                Toast.makeText(getApplicationContext(), "edittext 1 : " + et.getText(), Toast.LENGTH_SHORT).show();
                            }
                        })
                        .setWidthMaxDp(600)
//              .setShowTitle(false)//default is true
//              .setShowButtons(true)//default is true
                        .create()
                        .show();

原创文章，作者：奋斗，如若转载，请注明出处：https://blog.ytso.com/241647.html

Material Designed风格Dialog对话框

项目介绍：

相关推荐

发表回复