你还在用AlertDialog吗？两分钟教你集成一个绚丽的dialog

最新推荐文章于 2019-06-05 16:02:55 发布

weixin_34186950

最新推荐文章于 2019-06-05 16:02:55 发布

阅读量68

点赞数

文章标签：移动开发 python ui

原文链接：https://my.oschina.net/yongqingfan/blog/791415

版权

2019独角兽企业重金招聘Python工程师标准>>>

最近项目要上线，临时需求要在相对应的地方增加一个弹框，原来的项目使用的是DialogFactory，后来仔细一想用系统的dialog提示一下就行。但是这样会导致项目中的主题不能保持一致，于是就选择了materialDialog。首先看一下系统AlertDialog：

new AlertDialog.Builder(self)   
    .setTitle("确认")  
    .setMessage("确定吗？")  
    .setPositiveButton("是", null)  
    .setNegativeButton("否", null)  
    .show()

效果：输入图片说明

看到了没，是不是比较系统些。看看MaterialDialog。接下来我们就开始集成MaterialDialog。其实MaterialDialog已经出来好几个版本的了，但是我更喜欢以前的版本，因为之前的版本做了好多的拓展，可以很轻松的去改变我们想要的布局。

materialBuild.title("title")  
                       .content("欢迎关注")  
                       .positiveText("确定")  
                       .onPositive(new MaterialDialog.SingleButtonCallback() {  
                           @Override  
                           public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                               Toast.makeText(MainActivity.this,"click the posotionText",Toast.LENGTH_LONG).show();  
                               dialog.dismiss();  
                           }  
                       })  
                       .negativeText("取消")  
                       .onNegative(new MaterialDialog.SingleButtonCallback() {  
                           @Override  
                           public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                               Toast.makeText(MainActivity.this,"click the negativeText",Toast.LENGTH_LONG).show();  
                               dialog.dismiss();  
                           }  
                       })  
                       .show();

显示效果如下：输入图片说明

看，是不是很简单。另外：

btn04.setOnClickListener(new View.OnClickListener() {  
           @Override  
           public void onClick(View v) {  
               materialBuild.title("title")  
                       .content("欢迎关注")  
                       .positiveText("确定")  
                       .onPositive(new MaterialDialog.SingleButtonCallback() {  
                           @Override  
                           public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                               Toast.makeText(MainActivity.this,"click the posotionText",Toast.LENGTH_LONG).show();  
                               dialog.dismiss();  
                           }  
                       })  
                       .negativeText("取消")  
                       .onNegative(new MaterialDialog.SingleButtonCallback() {  
                           @Override  
                           public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                               Toast.makeText(MainActivity.this,"click the negativeText",Toast.LENGTH_LONG).show();  
                               dialog.dismiss();  
                           }  
                       })  
                       .cancelable(false)//点击屏幕外不消失  
                       .dismissListener(new DialogInterface.OnDismissListener() {  
                           @Override  
                           public void onDismiss(DialogInterface dialog) {  
                               //这里可以做一些其他操作,比如说，关闭当前的activity，请求网络更新UI等  
                               Toast.makeText(MainActivity.this,"dismiss",Toast.LENGTH_LONG).show();  
                               dialog.dismiss();  
                           }  
                       })  
                       .showListener(new DialogInterface.OnShowListener() {  
                           @Override  
                           public void onShow(DialogInterface dialog) {  
                               //这里同样也可以做一些其他操作,当dialog弹出来的时候，做一些动画处理，或者是异步的逻辑处理，比如说暂停Service等  
                               Toast.makeText(MainActivity.this,"dismiss",Toast.LENGTH_LONG).show();  
                               dialog.dismiss();  
                           }  
                       })  
                       .show();  
           }  
       });

另外细心的童鞋们都发现：

.dismissListener(new DialogInterface.OnDismissListener() {
    @Override
    public void onDismiss(DialogInterface dialog) {
        //这里可以做一些其他操作,比如说，关闭当前的activity，请求网络更新UI等
        Toast.makeText(MainActivity.this,"dismiss",Toast.LENGTH_LONG).show();
        dialog.dismiss();
    }
})

.showListener(new DialogInterface.OnShowListener() {
    @Override
    public void onShow(DialogInterface dialog) {
        //这里同样也可以做一些其他操作,当dialog弹出来的时候，做一些动画处理，或者是异步的逻辑处理，比如说暂停Service等
        Toast.makeText(MainActivity.this,"dismiss",Toast.LENGTH_LONG).show();
        dialog.dismiss();
    }
})

这两个方法，在日常开发生活中经常用到。此外还有：

        //.adapter()  
        //.buttonsGravity()//设置button的位置  
        // .cancelListener()//关闭Dialog的可以做一些必要的操作，同样  
        // .canceledOnTouchOutside()//点击屏幕上dialog屏幕上以外的操作  
        // .negativeColorRes()//设置取消按钮的颜色

这些不常用的方法，大家最后也学习一下. 项目源码：

package com.example.administrator.cunstomerdemo;  
  
import android.app.AlertDialog;  
import android.content.DialogInterface;  
import android.support.annotation.NonNull;  
import android.support.v4.content.ContextCompat;  
import android.support.v7.app.AppCompatActivity;  
import android.os.Bundle;  
import android.view.View;  
import android.widget.Button;  
import android.widget.Toast;  
  
import com.afollestad.materialdialogs.DialogAction;  
import com.afollestad.materialdialogs.MaterialDialog;  
  
public class MainActivity extends AppCompatActivity {  
    private Button btn01;  
    private Button btn02;  
    private Button btn03;  
    private Button btn04;  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        btn01 = (Button) findViewById(R.id.btn01);  
        btn02 = (Button) findViewById(R.id.btn02);  
        btn03 = (Button) findViewById(R.id.btn03);  
        btn04 = (Button) findViewById(R.id.btn04);  
        final MaterialDialog.Builder materialBuild =  new  MaterialDialog.Builder(MainActivity.this);//首先得到构造器  
        btn01.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                new AlertDialog.Builder(MainActivity.this)  
                        .setTitle("确认")  
                        .setMessage("确定吗？")  
                        .setPositiveButton("是", null)  
                        .setNegativeButton("否", null)  
                        .show();  
            }  
        });  
        btn02.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                materialBuild.title("title")  
                        .content("欢迎关注")  
                        .positiveText("确定")  
                        .onPositive(new MaterialDialog.SingleButtonCallback() {  
                            @Override  
                            public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                                Toast.makeText(MainActivity.this,"click the posotionText",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        .negativeText("取消")  
                        .onNegative(new MaterialDialog.SingleButtonCallback() {  
                            @Override  
                            public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                                Toast.makeText(MainActivity.this,"click the negativeText",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        .show();  
            }  
        });  
        btn03.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                materialBuild.title("title")  
                        .content("欢迎关注")  
                        .positiveText("确定")  
                        .onPositive(new MaterialDialog.SingleButtonCallback() {  
                            @Override  
                            public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                                Toast.makeText(MainActivity.this,"click the posotionText",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        .negativeText("取消")  
                        .onNegative(new MaterialDialog.SingleButtonCallback() {  
                            @Override  
                            public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                                Toast.makeText(MainActivity.this,"click the negativeText",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        .backgroundColor(ContextCompat.getColor(MainActivity.this,R.color.color1))  
                        //.customView(R.layout.item_list,false)//调用这个方法，可以增加布局  
                        .show();  
            }  
        });  
        btn04.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                materialBuild.title("title")  
                        .content("欢迎关注")  
                        .positiveText("确定")  
                        .onPositive(new MaterialDialog.SingleButtonCallback() {  
                            @Override  
                            public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                                Toast.makeText(MainActivity.this,"click the posotionText",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        .negativeText("取消")  
                        .onNegative(new MaterialDialog.SingleButtonCallback() {  
                            @Override  
                            public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                                Toast.makeText(MainActivity.this,"click the negativeText",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        .cancelable(false)//点击屏幕外不消失  
                        .dismissListener(new DialogInterface.OnDismissListener() {  
                            @Override  
                            public void onDismiss(DialogInterface dialog) {  
                                //这里可以做一些其他操作,比如说，关闭当前的activity，请求网络更新UI等  
                                Toast.makeText(MainActivity.this,"dismiss",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        .showListener(new DialogInterface.OnShowListener() {  
                            @Override  
                            public void onShow(DialogInterface dialog) {  
                                //这里同样也可以做一些其他操作,当dialog弹出来的时候，做一些动画处理，或者是异步的逻辑处理，比如说暂停Service等  
                                Toast.makeText(MainActivity.this,"dismiss",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        //.adapter()  
                        //.buttonsGravity()  
                       // .cancelListener()  
                       // .canceledOnTouchOutside()  
                       // .negativeColorRes()  
                        .neutralText("我知道了")  
                        .onNegative(new MaterialDialog.SingleButtonCallback() {  
                            @Override  
                            public void onClick(@NonNull MaterialDialog dialog, @NonNull DialogAction which) {  
                                Toast.makeText(MainActivity.this,"我知道了",Toast.LENGTH_LONG).show();  
                                dialog.dismiss();  
                            }  
                        })  
                        .show();  
            }  
        });  
    }  
}

xml:

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:id="@+id/activity_main"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:paddingLeft="@dimen/activity_horizontal_margin"  
    android:paddingRight="@dimen/activity_horizontal_margin"  
    android:paddingTop="@dimen/activity_vertical_margin"  
    android:paddingBottom="@dimen/activity_vertical_margin"  
    android:orientation="vertical"  
    tools:context="com.example.administrator.cunstomerdemo.MainActivity">  
  
    <Button  
        android:id="@+id/btn01"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:text="普通的dialog" />  
    <Button  
        android:id="@+id/btn02"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:text="普通的dialog" /><Button  
    android:id="@+id/btn03"  
    android:layout_width="match_parent"  
    android:layout_height="wrap_content"  
    android:text="普通的dialog" />  
    <Button  
        android:id="@+id/btn04"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:text="普通的dialog" />  
  
</LinearLayout>

项目地址：点我

转载于:https://my.oschina.net/yongqingfan/blog/791415