开源项目material-dialogs使用

最新推荐文章于 2024-08-13 08:35:51 发布
最新推荐文章于 2024-08-13 08:35:51 发布
阅读量749 收藏
点赞数
原文链接：https://github.com/Grandaunt/material-dialogs https://blog.csdn.net/qq_39652726/article/details/81262061
版权

https://github.com/Grandaunt/material-dialogs
https://blog.csdn.net/qq_39652726/article/details/81262061
https://blog.csdn.net/u013651026/article/details/78861738

文章目录

这篇是Java版的，新版本改成Kotlin+androidX的了，少了一些东西，这里不做记载。

添加依赖

core版：可以创建basic, list, single/multi choice, progress, input等弹框。

implementation 'com.afollestad.material-dialogs:core:0.9.6.0'

common版：可以创建更多拓展的弹框包括ColorChooserDialog, FolderChooserDialog, the Material Preference classes, and MaterialSimpleListAdapter/MaterialSimpleListItem等等。

implementation 'com.afollestad.material-dialogs:commons:0.9.6.0'

1、基础弹框

这里写图片描述

new MaterialDialog.Builder(this)
        .title("标题")
        .content("内容")
        .positiveText("确认")
        .negativeText("取消")
        .show();

2、取消弹框

得这样new

MaterialDialog dialog = new MaterialDialog.Builder(this)
        .title(R.string.title)
        .content(R.string.content)
        .positiveText(R.string.agree)
        .show();

这样取消

dialog.dismiss();

3、添加图标

这里写图片描述

new MaterialDialog.Builder(this)
        .title("标题")
        .content("内容")
        .positiveText("确认")
        .negativeText("取消")
        .icon(getResources().getDrawable(R.drawable.ic_account_circle_black_24dp))
        .show();

可以用maxIconSize(int size)限制最大size

4、自适应按钮

如果按钮太长，它会自动纵向排列
这里写图片描述

new MaterialDialog.Builder(this)
        .title("标题")
        .content("内容")
        .positiveText("确认确认确认确认确认确认确认确认确认确认")
        .negativeText("取消取消取消取消取消取消取消取消取消取消")
        .icon(getResources().getDrawable(R.drawable.ic_account_circle_black_24dp))
        .show();

5、中立按钮

除了确认类和取消类按钮还有中立按钮，它会在最左边
这里写图片描述

new MaterialDialog.Builder(this)
        .title("标题")
        .content("内容")
        .positiveText("确认")
        .negativeText("取消")
        .neutralText("更多")
        .show();

6、回调

   new MaterialDialog.Builder(this)
            .title("标题")
            .content("内容")
            .positiveText("确认")
            .negativeText("取消")
            .neutralText("更多")
            .onPositive(new MaterialDialog.SingleButtonCallback() {
                @Override
                public void onClick(MaterialDialog dialog, DialogAction which) {
                    // TODO
                }
            })
            .onNeutral(new MaterialDialog.SingleButtonCallback() {
                @Override
                public void onClick(MaterialDialog dialog, DialogAction which) {
                    // TODO
                }
            })
            .onNegative(new MaterialDialog.SingleButtonCallback() {
                @Override
                public void onClick(MaterialDialog dialog, DialogAction which) {
                    // TODO
                }
            })
            .show();

如果你想监听三种动作按钮，只用一个onAny就行了，which会告诉你点击了什么按钮，根据需要去判断

 new MaterialDialog.Builder(this)
            .title("标题")
            .content("内容")
            .positiveText("确认")
            .negativeText("取消")
            .neutralText("更多")
            .onAny(new MaterialDialog.SingleButtonCallback() {
                @Override
                public void onClick(MaterialDialog dialog, DialogAction which) {
                    Toast.makeText(MainActivity.this, which.toString(), Toast.LENGTH_SHORT).show();
                }
            })
            .show();

在这里插入图片描述

7、CheckBox

在这里插入图片描述

new MaterialDialog.Builder(this)
        .title("标题")
        .content("内容")
        .positiveText("确认")
        .checkBoxPromptRes(R.string.dont_ask_again, false, null)
        .onAny(new MaterialDialog.SingleButtonCallback() {
            @Override
            public void onClick(MaterialDialog dialog, DialogAction which) {
                Toast.makeText(MainActivity.this, dialog.isPromptCheckBoxChecked()+"", Toast.LENGTH_SHORT).show();
            }
        })
        .show();

8、列表

普通列表

在这里插入图片描述

  new MaterialDialog.Builder(this)
            .title("标题")
            .positiveText("确认")
            .negativeText("取消")
            .items(R.array.items)
            .itemsCallback(new MaterialDialog.ListCallback() {
                @Override
                public void onSelection(MaterialDialog dialog, View view, int which, CharSequence text) {
                    Toast.makeText(MainActivity.this, which+"", Toast.LENGTH_SHORT).show();
                }
            })
            .show();

单选列表

在这里插入图片描述

    new MaterialDialog.Builder(this)
            .title("标题")
            .positiveText("确认")
            .items(R.array.items)
            .itemsCallbackSingleChoice(-1, new MaterialDialog.ListCallbackSingleChoice() {
                @Override
                public boolean onSelection(MaterialDialog dialog, View view, int which, CharSequence text) {
                    ...
                    return true;
                }
            })
            .show();

多选列表

在这里插入图片描述

    new MaterialDialog.Builder(this)
            .title("标题")
            .positiveText("确认")
            .items(R.array.items)
            .itemsCallbackMultiChoice(null, new MaterialDialog.ListCallbackMultiChoice() {
                @Override
                public boolean onSelection(MaterialDialog dialog, Integer[] which, CharSequence[] text) {
                    return true;
                }
            })
            .show();

指定id的列表

在这里插入图片描述

<resources>
    <string-array name="items">
        <item>aa</item>
        <item>bb</item>
        <item>cc</item>
    </string-array>
    <integer-array name="itemIds">
        <item>1</item>
        <item>2</item>
        <item>3</item>
    </integer-array>
</resources>

   new MaterialDialog.Builder(this)
            .title("标题")
            .positiveText("确认")
            .items(R.array.items)
            .itemsIds(R.array.itemIds)
            .itemsCallback(new MaterialDialog.ListCallback() {
                @Override
                public void onSelection(MaterialDialog dialog, View view, int which, CharSequence text) {
                    Toast.makeText(MainActivity.this, which + ": " + text + ", ID = " + view.getId(), Toast.LENGTH_SHORT).show();
                }
            })
            .show();

9、自定义View

这里写图片描述

    new MaterialDialog.Builder(this)
            .title("Title")
            .customView(R.layout.item_cart, true)
            .positiveText("CHOOSE")
            .show();

10、输入框

在这里插入图片描述

    new MaterialDialog.Builder(this)
            .title("Title")
            .content("内容")
            .inputType(InputType.TYPE_CLASS_TEXT)
            .input("说点什么", null, new MaterialDialog.InputCallback() {
        @Override
        public void onInput(MaterialDialog dialog, CharSequence input) {
            ToastUtils.showToast(MainActivity.this, input);
        }
    })
            .positiveText("确定")
            .show();

11、限制有效字数

在这里插入图片描述

    new MaterialDialog.Builder(this)
            .title("Title")
            .inputRangeRes(2, 20, R.color.warning)
            .inputType(InputType.TYPE_CLASS_TEXT)
            .input("说点什么", null, new MaterialDialog.InputCallback() {
        @Override
        public void onInput(MaterialDialog dialog, CharSequence input) {
            ToastUtils.showToast(MainActivity.this, input);
        }
    })
            .positiveText("确定")
            .show();

12、加载框

在这里插入图片描述

    new MaterialDialog.Builder(this)
            .title("Progress")
            .content("Please Wait...")
            .progress(true, 0)
            .show();

水平
在这里插入图片描述

    new MaterialDialog.Builder(this)
            .title("Progress")
            .content("Please Wait...")
            .progress(true, 0)
            .progressIndeterminateStyle(true)
            .show();

13、进度条

在这里插入图片描述

public class MainActivity extends AppCompatActivity {
    private Thread thread;

    private void startThread(Runnable run) {
        if (thread != null) {
            thread.interrupt();
        }
        thread = new Thread(run);
        thread.start();
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

    }

    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
    public void click(View view) {
        new MaterialDialog.Builder(this).title("Progress").content("please wait...").contentGravity(GravityEnum.CENTER).progress(false, 150, true).cancelListener(dialog -> {
            if (thread != null) {
                thread.interrupt();
            }
        }).showListener(dialogInterface -> {
            final MaterialDialog dialog = (MaterialDialog) dialogInterface;
            startThread(() -> {
                while (dialog.getCurrentProgress() != dialog.getMaxProgress() && !Thread.currentThread().isInterrupted()) {
                    if (dialog.isCancelled()) {
                        break;
                    }
                    try {
                        Thread.sleep(50);
                    } catch (InterruptedException e) {
                        break;
                    }
                    dialog.incrementProgress(1);
                }
                runOnUiThread(() -> {
                    thread = null;
                    dialog.setContent(getString(R.string.md_done_label));
                });
            });
        }).show();
    }
}

14、样式

主题

在这里插入图片描述

    new MaterialDialog.Builder(this)
            .title("Progress")
            .content("Please Wait...")
            .theme(Theme.DARK)
            .progress(true, 0)
            .progressIndeterminateStyle(true)
            .show();

颜色

可以设置颜色的有以下这些

    .titleColorRes(R.color.material_red_500)
    .contentColor(Color.WHITE) // notice no 'res' postfix for literal color
    .linkColorAttr(R.attr.my_link_color_attr)  // notice attr is used instead of none or res for attribute resolving
    .dividerColorRes(R.color.material_pink_500)
    .backgroundColorRes(R.color.material_blue_grey_800)
    .positiveColorRes(R.color.material_red_500)
    .neutralColorRes(R.color.material_red_500)
    .negativeColorRes(R.color.material_red_500)
    .widgetColorRes(R.color.material_red_500)
    .buttonRippleColorRes(R.color.material_red_500)

透明背景
在这里插入图片描述

    new MaterialDialog.Builder(this)
            .title("Progress")
            .content("Please Wait...")
            .titleColorRes(R.color.white)
            .contentColor(Color.WHITE)
            .backgroundColorRes(R.color.alpha_black_80)//#80000000
            .progress(true, 0)
            .show();

Selectors

用来改变drawable被点击或聚焦时的状态

    .btnSelector(R.drawable.custom_btn_selector)
    .btnSelector(R.drawable.custom_btn_selector_primary, DialogAction.POSITIVE)
    .btnSelectorStacked(R.drawable.custom_btn_selector_stacked)
    .listSelector(R.drawable.custom_list_and_stackedbtn_selector)

Gravity

改变位置

    .titleGravity(GravityEnum.CENTER)
    .contentGravity(GravityEnum.CENTER)
    .btnStackedGravity(GravityEnum.START)
    .itemsGravity(GravityEnum.END)
    .buttonsGravity(GravityEnum.END)
misolamiso
关注
学习笔记Android弹框material-dialogs
haojundd的博客
07-28 2万+
今天来归纳一下安卓第三方弹框material-dialogs的简单用法
使用Material Dialogs库构建美观的Android对话框
gitblog_00060的博客
08-09 922
使用Material Dialogs库构建美观的Android对话框 material-dialogsmaterial-dialogs: 是一个基于 Android Material Design 的 UI 库，适用于 Android 和 Web 应用。它提供了一套美观的对话框组件，可以帮助开发者快速构建应用。特点包括 Material Design、易于使用、支持多种主题等。项目地址:http...
[Android] Material 风格的 Dialog 的使用
燕赵之骄子的专栏
04-13 863
前言 谷歌发布了 Material Design 设计之后，很多 Material 风格的控件也随之加入到了 V7 兼容包中. Android Support Library v22.1 中开始提供了 Material 风格的 Dialog 控件 。 这为开发者提供了很好的支持，省去了使用开源库或自己设计的烦恼。 下面我们来看看如何使用 Material 风格的 Dialog 。 兼
Android Material Design 风格的 Dialogs Material-Dialogs.zip
07-19
Material Dialogs 是一个可高度定制易用, 符合 Material Design 风格的 Dialogs, 兼容 Android API8 以上版本, 完全可替代 Android 原生控件, 比原生更加简单易用。截图：使用示例：new AlertDialogWrapper.Builder(this)         .setTitle(R.string.title)         .setMessage(R.string.message)         .setNegativeButton(R.string.OK, new DialogInterface.OnClickListener() {            @Override             public void onClick(DialogInterface dialog, int which) {                 dialog.dismiss();             }         }).show(); 标签：Material
Android之Material Dialogs详解(非原创）
weixin_30512785的博客
04-07 588
文章大纲 一、什么是Material Dialogs二、Material Dialogs实战三、项目源码下载 一、什么是Material Dialogs   Material Dialogs是一个漂亮、流畅、可定制的对话框，核心模块包含创建基本、列表、单/多选项、进度、输入等对话框。 二、Material Dialogs实战 使用注意点：（1）使...
material-dialogs.zip
10-09
Material Design规范为Android应用提供了统一的设计语言，而`material-dialogs.zip`正是一个遵循这一规范的开源项目，旨在为Kotlin和Android开发者提供一个美观、流畅且可扩展的对话框API——Material Dialogs。...
Material Dialogs:适用于Kotlin和Android的流畅且可扩展的对话框API-开源
04-25
请注意，从Material Dialogs 2.xx开始，此库仅支持Kotlin。 最新的Java版本是0.9.6.0。 请注意，不支持0.9.6.0，因此不会对该版本进行错误和改进。 核心模块包含了开始使用该库所需的一切。 它包含所有核心功能和...
material-dialogs-master
07-04
"material-dialogs-master" 是一个基于Android平台的开源库，主要功能是提供了一套美观、功能丰富的对话框组件。这个库的设计灵感来源于Google的Material Design规范，旨在为开发者提供一个高度可定制且易于使用的...
推荐项目：Material Dialogs - 现代、优雅的Android对话框库
gitblog_00068的博客
03-19 678
推荐项目：Material Dialogs - 现代、优雅的Android对话框库 material-dialogsmaterial-dialogs: 是一个基于 Android Material Design 的 UI 库，适用于 Android 和 Web 应用。它提供了一套美观的对话框组件，可以帮助开发者快速构建应用。特点包括 Material Design、易于使用、支持多种主题等。项目...
OpenHarmony UI开发-组件material-dialogs
m0_71263309的博客
04-18 437
material-dialogs是自定义对话框库。
material-dialogs_material-dialogs_dialog_android开发_material_
09-30
一些窗口框架性设计，material风格
AndroidMaterialDialog：提供构建器，允许创建各种“材料设计”样式的对话框
02-04
AndroidMaterialDialog-自述文件 “ AndroidMaterialDialog”是一个Android库，它提供用于创建对话框的构建器，这些对话框是根据Android 5的Material Design指南设计的，即使在棒棒糖之前的设备上也是如此。 以下屏幕截图显示了使用库创建的对话框外观。 该库提供以下主要功能： 生成器MaterialDialog.Builder允许创建对话框，其中可以包含标题，图标，消息，最多三个按钮和可选列表项。 通过使用构建器ProgressDialog.Builder ，可以创建显示圆形进度条的对话框。 构建器EditTextDialo
AndroidMaterialDialogExample:使用库“ AndroidMaterialDialog”的示例应用-开源
04-26
该项目包含一个示例应用程序，该应用程序实现了Android库“ AndroidMaterialDialog”的用例。 可通过URL https://sourceforge.net/projects/androidmaterialdialog在Sourceforge上获得库“ AndroidMaterialDialog”的项目主页。
比较不错的对话框MaterialDialogs案例
04-04
这是一个比较不错的对话框MaterialDialogs案例，源码material-dialogs，我们知道AppCompat没有主题AlertDialogs材料设计，这是我的解决方案。这个库使得各种事情变得更容易：标题，内容，回调函数，自定义视图，自定义排列，列表，颜色等等都可以用一个简单的生成器API集的。 MaterialDialogs也更容易使用，AlertDialogs也更加有个性化。
【Android】常用对话框大全（二）Material Dialog
宾有为的博客
06-15 5424
上一篇文章中，谈到本系列的文章将讲解Android dialog、Material dialog，为何要谈论Material呢？开发过Flutter的开发者也许就会明白，Material Design框架Flutter也在用，而在其官网的介绍中是这样说的：Material 是 Google 创建的一个设计系统，旨在帮助团队为 Android、iOS、Flutter 和 Web 构建高质量的数字体验。可想而知，Material Design的应用有多广，这，便是博主将Material Dialog带入到本系列
MaterialDialog-Android 教程
最新发布
gitblog_00281的博客
08-13 881
MaterialDialog-Android 教程 MaterialDialog-Android????Android Library to implement animated, ????beautiful, ????stylish Material Dialog in android apps easily.项目地址:https://gitcode.com/gh_mirrors/ma/MaterialDial...
Android Material-dialogs的使用（kotlin）
weixin_45379305的博客
11-28 5999
文章目录前言一、Material-dialogs是什么？二、使用步骤1.引入库2.使用弹窗总结 前言 这篇文章是对框架Material-dialogs的使用的总结，如果已经熟练使用，那这篇文章对您毫无帮助 提示：以下是本篇文章正文内容，下面案例可供参考 一、Material-dialogs是什么？ Material-dialogs为一个弹窗的框架，帮助我们快速搭建各种弹窗，使用这个框架的理由只有一个，它是kotlin，并且具有高度自定义性，此文章默认读者已经会基本使用kotlin 二、使用步骤 1.引入
material-dialogs
07-22
Material Dialogs 是一个 Android 库，用于创建美观的对话框。它提供了各种内置样式和配置选项，使开发人员能够轻松创建自定义对话框。...在使用 Material Dialogs 之前，你需要在你的 Android 项目中添加该库的依赖。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值