MaterialButton详解

一、MaterialButton介绍

MaterialButton是Material Design中新增的一种控件，它是Android提供的一个高度可定制的按钮。

MaterialButton遵循Material Design的设计规范，在用户界面中增加了可点击的交互性元素，能够为用户提供强烈的视觉效果和辅助功能。它具有和普通按钮相同的特性，但可定制性更强，可以满足各种不同场景的需求。

二、MaterialButton属性

MaterialButton有很多可控制的属性，可以通过设置不同的属性来创建不同的按钮效果。这里列举了一些重要的属性：

1. backgroundTint

backgroundTint属性是用来改变按钮的背景颜色的。可以通过设置颜色值或指定一个ColorStateList对象来改变按钮的不同状态下的背景颜色。

2. rippleColor

rippleColor属性是指定当用户点击按钮时，按钮会出现的涟漪特效的颜色。可以通过设置颜色值或指定一个ColorStateList对象来改变按钮的不同状态下的涟漪颜色。

3. strokeColor

strokeColor属性是用来设置按钮边框的颜色的。可以通过设置颜色值或指定一个ColorStateList对象来改变按钮的不同状态下的边框颜色。

4. strokeWidth

strokeWidth属性是用来设置按钮边框的宽度的。单位为像素。

5. cornerRadius

cornerRadius属性是指定按钮圆角的半径大小。单位为像素。可以设置不同状态下的圆角大小。

6. icon

icon属性是用来设置按钮图标的。可以通过设置一个Drawable对象来指定按钮的图标。细节可以参考下面代码部分的例子。

三、MaterialButton代码实例

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="24dp"
    android:paddingRight="24dp"
    app:cornerRadius="4dp"
    app:strokeWidth="2dp"
    app:strokeColor="@color/strokeColor"
    app:rippleColor="@color/rippleColor"
    app:backgroundTint="@color/backgroundTint"
    app:icon="@drawable/ic_baseline_add_24"
    app:iconTint="@color/iconTint"
    app:iconGravity="textEnd"
    android:text="Add"
    android:textColor="@color/textColor"
    android:textSize="18sp"
    android:textAllCaps="false" />

上面是一个MaterialButton的示例代码，其中定义了MaterialButton的一些常见属性，具体说明如下：

1. 声明控件

    <com.google.android.material.button.MaterialButton>

MaterialButton继承自AppCompatButton，因此使用时需要引入material库，同时也需要注意其对应的Import声明。

2. 字符串属性

    android:text="Add"
    android:textColor="@color/textColor"
    android:textSize="18sp"
    android:textAllCaps="false"

android:text：按钮上显示的文本内容，可以是字符串。

android:textColor：按钮显示的文本颜色。

android:textSize：按钮上显示文本的字体大小。

android:textAllCaps：文本是否全部大写。true表示全部大写，false表示不全部大写。

3. 背景色属性

    app:backgroundTint="@color/backgroundTint"

background属性值设置为 把RippleColor和当前控件宽高的ShapeDrawable拼装在一起后的新控件drawable

app:backgroundTint：按钮在不同状态下的背景颜色。

4. 涟漪效果

    app:rippleColor="@color/rippleColor"

rippleColor：这个属性是指定当用户点击按钮时出现的涟漪特效的颜色。

5. 边框颜色和宽度

    app:strokeWidth="2dp"
    app:strokeColor="@color/strokeColor"

strokeWidth：按钮边框的宽度，单位为像素。

strokeColor：按钮边框的颜色。

6. 圆角属性

    app:cornerRadius="4dp"

cornerRadius：按钮的圆角半径，单位为像素。

7. 图标属性

    app:icon="@drawable/ic_baseline_add_24"
    app:iconTint="@color/iconTint"
    app:iconGravity="textEnd"

icon：按钮图标，可以通过设置一个Drawable对象来指定。

iconTint：按钮图标颜色。

iconGravity：按钮图标位置，可选时textStart、textEnd、start、bottom等等。可以根据具体需求灵活设置。

四、结语

通过本文的介绍，相信读者对MaterialButton的控件属性有了更深的理解，并可以根据具体场景需要进行自由定制，以达到更好的用户体验。