文章目录

• 效果图
• 关键代码
• 源码地址

效果图

关键代码

xml布局文件代码如下

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/app_name"
    android:textAllCaps="false"
    app:icon="@drawable/ic_baseline_bookmarks_24"
    app:iconGravity="end"
    app:strokeColor="@color/teal_200"
    app:strokeWidth="3dp"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"/>

MaterialButton是Google在SDK28推出的新控件，它继承自AppCompatButton，新增了圆角、描边、颜色设置等属性，在xml布局文件中直接设置即可。

app:icon表示需要显示的图标
app:iconGravity表示图标位于文本的位置，end表示将图标放在文本的右侧
app:strokeColor表示按钮描边的颜色，这里颜色是teal_200
app:strokeWidth表示按钮描边的宽度，这里是3dp

MaterialButton其他常用属性如下：

源码地址

https://github.com/yurensan/MaterialDesignDemo