android shape 按钮背景_Material Components——Shape的处理

Material Components是Google官方对Material Deign的最佳实践，这个库试图在不同的Android版本中统一Material Design UI组件的外观和使用代码，当然也在不同的平台上统一这些组件(有针对iOS、web和Flutter的库的版本)。Material Components库还实现了新的Material Design规范中引入的功能。

官方的文档对Material Components有着非常详细的讲解，地址如下所示。

https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md

这次要讲的就是Material Components中对于Shape的处理。

Shape

MaterialShapeDrawable类提供了非常有用的工具集，可以为我们的应用程序实现非常酷的效果。MaterialShapeDrawable类让我们可以通过指定最终形状的边缘和角落的样子来定义形状。这些基本的形状定义可以另外使用插值浮动属性来控制，以允许角和边缘的动画。

为了创建自定义的MaterialShapeDrawable，可以使用ShapeAppearanceModel构造函数。ShapeAppearanceModel使用EdgeTreatment和CornerTreatment两个类来存储形状的每个Edge和Corner的信息(总是有4个Edge和4个Corner，尽管你可以为它们定义几乎任何形状)。你可以为每个Edge和Corner设置不同的处理方式，也可以通过一次调用为所有Edge和Corner设置相同的处理方式。

在ShapePathModel中，也有一些预定义的现成的Edge和Corner处理，它们已经实现了Material Design规范中介绍的大部分形状效果。目前已经有了圆角处理(float radius)、切角处理(float size)或三角边缘处理(float size, boolean inside)，它们都能像你期望的那样完美地工作。

关于Shape的处理，官方有详细的文档，地址如下。

https://github.com/material-components/material-components-android/blob/master/docs/theming/Shape.md

统观Material Design，Google设计的Material Components不仅仅是实现了Android的开发规范，实际上Flutter、Web，甚至是iOS，都统一了开发范式，所以了解过Material Components的开发者会发现不论是Android还是Flutter，它们上面都有着类似的影子，大家可以看看https://material.io/develop/android的文档。

最简单的使用

通过ShapeAppearanceModel的Builder函数可以很方便的控制边角的Shape，代码如下所示。

val shapePathModel = ShapeAppearanceModel.builder()
    .setAllCorners(RoundedCornerTreatment())
    .setAllCornerSizes(10.dp())
    .build()
val backgroundDrawable = MaterialShapeDrawable(shapePathModel).apply {
     
    setTint(Color.parseColor(