为什么MaterialButton组件添加的icon图标显示尺寸过大？

解决方案 #

1. 确认应用使用MaterialComponents主题 #

MaterialButton的相关样式只有在应用主题继承自Theme.MaterialComponents系列时才能正常生效，这是最常见的问题诱因。打开res/values/styles.xml修改应用基础主题：

<!-- 错误用法（不要使用AppCompat系列主题） -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- 正确用法 -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">

2. 补充图标控制属性 #

你可以添加以下属性按需调整图标显示效果：

<com.google.android.material.button.MaterialButton
    style="@style/Widget.MaterialComponents.Button.Icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Test Button"
    app:icon="@drawable/ic_facebook"
    <!-- 取消图标默认着色，保留drawable本身的颜色 -->
    app:iconTint="@null"
    <!-- 设置图标尺寸 -->
    app:iconSize="24dp"
    <!-- 设置图标和文字的间距 -->
    app:iconPadding="8dp"
    <!-- 设置图标位置，可选值start/end/top/textStart/textEnd -->
    app:iconGravity="start"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

3. 开启矢量图支持 #

如果你使用的是矢量格式的drawable图标，需要在模块级build.gradle中开启矢量图兼容支持：

android {
    defaultConfig {
        // 加入这行配置
        vectorDrawables.useSupportLibrary = true
    }
}

内容的提问来源于stack exchange，提问作者Taha Sami