[Android Material Design]元件05 - MaterialButton

文章目錄

• 效果圖
• 關鍵代碼
• 源碼位址

效果圖

關鍵代碼

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

其他常用屬性如下：

屬性	含義
app:backgroundTint	背景着色
app:backgroundTintMode	着色模式
app:cornerRadius	圓角大小
app:rippleColor	按壓水波紋顔色
app:strokeColor	描邊顔色
app:strokeWidth	描邊寬度
app:icon	設定圖示
app:iconSize	圖示大小
app:iconTint	圖示着色
app:iconTintMode	圖示着色模式
app:iconGravity	圖示相對文本的位置
app:iconPadding	圖示與文本之間的間距

源碼位址

https://github.com/yurensan/MaterialDesignDemo