自定义 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();
//取消按钮的操作
  }
});
}
}); 下面是效果图:

自定义 Material Design风格的提示框

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

https://github.com/drakeet/MaterialDialog

上一篇:聊聊GIS中的坐标系|再版 识别各种数据的坐标系及代码中的坐标系


下一篇:canvas孙悟空脚踩白云今年是猴年