自定义 Material Design风格的提示框

关闭

自定义 Material Design风格的提示框

2016-04-24 10:55 152人阅读 评论(0) 收藏 举报

版权声明：本文为博主原创文章，未经博主允许不得转载。

其实在14年谷歌就推出了全新的设计语言Material Design，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。简单来说，就是一种扁平化的设置语言，我们都知道在以前Android讲 究的是拟物化，比如，系统一些内置的应用，我们看到图标就知道它是干什么的，这样设计是为了防止用户，见到这个应用不知道是做什么的，但是随着发展，我们 对手机的使用程度已经不需要这些外在的提示去引导我们。所以谷歌推出了Material Design，它注重的是效果的展示和用户体验，支持各种新动画效果，具有内置的实时UI阴影，以及可在不同屏幕之间切换的hero元素。就好像微软的 win8，win10一样，给人一种简约风。

好吧，又有点跑题了~，步入正题 了，我们都知道Material Design是基于5.0的，但是在5.0以前系统默认的Dialog真的是丑爆了。今天在github上看到一个MD风格的Dialog的三方库，跟大 家分享一下，感觉使用起来还比较方便，效果还不错，与app风格进行兼容比较容易。

我用的IDE是android studio，下面我就简单介绍一下怎么使用。

首先，我们需要现对这个三方库依赖

dependencies {
    compile 'me.drakeet.materialdialog:library:1.3.1'
}

假如你是eclipse的话，只能自己想办法导入jar包了，( ▼-▼ )。

下面是我封装的一个工具类，大家可以在导入这个三方库成功后直接使用。

package com.personal.xiaoshuai.mddialog;
 
import android.content.Context;
import android.view.View;
 
import me.drakeet.materialdialog.MaterialDialog;
 
/**
 * Created by zhangs on 2016/4/24.
 */
public class DialogUtils {
 
    public static abstract class OnButtonClickListener{
        public abstract void onConfirmButtonClick();
        public void onCancelButtonClick(){
 
        }
    }
 
    /**
     * 只显示一个按钮调用这个方法
     * @param context
     * @param message
     * @param positiveText
     * @param onButtonClickListener
     */
    public static void showSingleButtonDialog(Context context, String message,String positiveText,OnButtonClickListener onButtonClickListener) {
        showCustomMessageDialog(context,message,null,positiveText,onButtonClickListener);
    }
 
    public static void showNormalDialog(Context context, String message, final OnButtonClickListener onButtonClickListener){
        showCustomMessageDialog(context,message,"取消","确定",onButtonClickListener);
    }
 
    public static void showCustomMessageDialog(Context context, String message,String negativeText,String positiveText, final OnButtonClickListener onButtonClickListener){
         showCustomMessageDialog(context,"提示",message,negativeText,positiveText,onButtonClickListener);
    }
    public static void showCustomMessageDialog(Context context, String title,String message,String negativeText,String positiveText, final OnButtonClickListener onButtonClickListener){
        final MaterialDialog mMaterialDialog = new MaterialDialog(context);
        mMaterialDialog.setTitle(title)
                .setMessage(message)
                .setPositiveButton(positiveText, new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        mMaterialDialog.dismiss();
                        onButtonClickListener.onConfirmButtonClick();
                    }
                })
                .setNegativeButton(negativeText, new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        mMaterialDialog.dismiss();
                        onButtonClickListener.onCancelButtonClick();
                    }
                });
 
        mMaterialDialog.show();
    }
 
}

使用的时候也特别简单：

findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        DialogUtils.showNormalDialog(MainActivity.this, "爱生活，爱编程!", new DialogUtils.OnButtonClickListener() {
            @Override
            public void onConfirmButtonClick() {
             //确定按钮的操作
            }
 
            @Override
            public void onCancelButtonClick() {
                super.onCancelButtonClick();
              //取消按钮的操作
           }
        });
    }
});
 
下面是效果图:

下面是github网址，大家可以根据自己的实际需求进行修改：

https://github.com/drakeet/MaterialDialog