Material Design介绍

Android开发中在交互上比较常用的是对话框，Android框架自带Dialog，一般通过AlertDialog.Builder创建对话框，详见Android对话框：Dialog。一般应用不直接用系统自带的对话框，因为比较“low”。

介绍从Android 5.0开始Google力推比较贴近用户体验的Material Design。

1、Material Design

为什么系统自带的东西界面那么丑呢？可能系统只关注基本功能和性能，至于UI设计则开放给各个应用自己完成。Google推出了Material Design(材质设计)，试图提高Android系统带给用户体验的“品味”。

官网：https://material.io/

https://m3.material.io/

1.1、官方的定义

"Material Design是一个用于构建大胆美观的数字产品的系统。通过在一致的一组原则和组件下统一样式，品牌，互动和动作，产品团队可以发挥最大的设计潜力。

Android 材质组件（MDC Android）将设计和工程与组件库结合在一起，以在整个应用程序中创建一致性。随着Material Design系统的发展，这些组件也进行了更新，以确保始终如一的完美像素实现并遵守Google的前端开发标准。MDC也可用于Web，iOS和Flutter。"

1.2、项目依赖

项目使用MDC需要在build.gradle中添加Material Design库的依赖

implementation 'com.google.android.material:material:1.3.0-alpha02'

2、Material Dialog

来看看Google花这么大功夫设计的Material组件怎么样，主要来看看Material中Dialog对话框是怎样的。使用MaterialAlertDialogBuilder类来创建Material对话框。从显示效果看确实比Android系统自带的AlertDialog要更加细腻。

2.1、简单弹框

最简单的确认对话框，包含title、message还有确认和取消按钮。

MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(DialogActivity.this)
            .setTitle("Material Design")
            .setMessage(message)
            .setNegativeButton("cancel", null)
            .setPositiveButton("ok", null);
    builder.show();

2.2、选择对话框

Material选择对话框想要做到下面的效果不难，其实主要还是侧重布局的设计：下功夫设计好其中一个item的layout即可，同时注意最后一个item点击功能为add account。

setAdapter()方法给对话框设置数据集合

MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(DialogActivity.this)
            .setTitle("Set backup account")
            .setAdapter(new AccountAdapter(DialogActivity.this), null);
    builder.show();

关键在于设置Adapter集合给Dialog，这里自定义集合实现ListAdapter接口，在Spinner：下拉选择有提到过，注意getViewTypeCount()方法返回不能＜1，否则异常：

E/AwareLog: AtomicFileUtils: readFileLines file not exist: android.util.AtomicFile@42e50a3

E/AndroidRuntime: FATAL EXCEPTION: main

Process: com.example.myapplication, PID: 29973

java.lang.IllegalArgumentException: Can't have a viewTypeCount < 1

at android.widget.AbsListView$RecycleBin.setViewTypeCount(AbsListView.java:7256)

at android.widget.ListView.setAdapter(ListView.java:619)

at androidx.appcompat.app.AlertController.setupView(AlertController.java:548)

at androidx.appcompat.app.AlertController.installContent(AlertController.java:233)

at androidx.appcompat.app.AlertDialog.onCreate(AlertDialog.java:279)

at android.app.Dialog.dispatchOnCreate(Dialog.java:635)

at android.app.Dialog.show(Dialog.java:420)

2.3、选择对话框

设置单选/多选等对话框，setSingleChoiceItems()可传入的参数有：CharSequence[]、ListAdapter、Cursor、ArrayRes数组资源item id等类型。

String[] chooses = {"Photos", "Movie", "All"};
    MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(DialogActivity.this)
            .setTitle("View options")
            //单选需要设置默认勾选的，这里设置为0，第一个
            .setSingleChoiceItems(chooses, 0, null)
            .setPositiveButton("Accept", null);
    builder.show();

多选对话框，setMultiChoiceItems()设置可以多选的数据集，参数同上。同时需要设置默认勾选的数据集。

String[] chooses = {"Photos", "Movie", "All"};
    boolean[] checked = {false, false, true};
    MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(DialogActivity.this)
            .setTitle("View options")
            .setMultiChoiceItems(chooses, checked, null)
            .setPositiveButton("Accept", null);
    builder.show();

2.4、MaterialTimePicker时间选择对话框

用户通过移动时针进行选择，然后点击“确定”进行确认。

MaterialTimePicker timePicker = new MaterialTimePicker();
    timePicker.show(getSupportFragmentManager(), "timePicker");

3、其它Material组件

除了常用的Dialog，Google还对很多Android控件都进行Material Design重新设计。比如：Banners、Buttons、Menus、Pickers、Sliders、Snackbars、Tabs等。

详细参考：Material Components

Design Components Develop Resources

Introduction to Material Design

打造 Material 形状主题 | 设计篇

Material Design介绍