如何解决Android自定义Button样式中letterSpacing字间距不生效问题

问题原因 #

自定义Button字间距不生效由两个常见的AppCompat兼容问题导致：

• textAllCaps属性使用的字符转换逻辑会在部分系统版本中忽略textAppearance中定义的字间距配置
• 低版本AppCompat库不支持在textAppearance样式中解析android:letterSpacing属性，需要直接在Button控件的样式中声明该属性

解决方案 #

方案1（优先尝试）

将android:letterSpacing属性从TextAppearance样式移动到Button的主样式中：

<style name="ButtonText_v2" parent="TextAppearance.AppCompat">
    <item name="fontFamily">@font/silka_regular</item>
    <item name="android:textSize">@dimen/dimen_14dp</item>
</style>

<style name="PrimaryButton_v2" parent="Widget.AppCompat.Button">
    <item name="android:background">@drawable/button_selector_primary</item>
    <item name="android:textColor">@color/white</item>
    <item name="textAllCaps">true</item>
    <item name="textAppearance">@style/ButtonText_v2</item>
    <!-- 新增字间距配置 -->
    <item name="android:letterSpacing">0.1</item>
</style>

方案2（方案1不生效时使用）

关闭xml中的textAllCaps属性，在代码中手动对按钮文本做大写转换：

1. 先修改样式，移除textAllCaps配置：

<style name="PrimaryButton_v2" parent="Widget.AppCompat.Button">
    <item name="android:background">@drawable/button_selector_primary</item>
    <item name="android:textColor">@color/white</item>
    <!-- 移除或者改为false <item name="textAllCaps">true</item> -->
    <item name="textAppearance">@style/ButtonText_v2</item>
    <item name="android:letterSpacing">0.1</item>
</style>

2. 在页面代码中处理文本大写：

// Kotlin 示例
button.text = button.text.toString().uppercase()

// Java 示例
button.setText(button.getText().toString().toUpperCase());

注意说明 #

android:letterSpacing的单位为em，0.1代表字间距为0.1倍当前字体大小，和你原配置的效果完全一致，不需要调整数值。

内容的提问来源于stack exchange，提问作者Aditya Vyas-Lakhan