部分Pixel设备修改系统字体大小时SP尺寸不变化问题排查

现象回顾 #

为了让含文本的容器既能满足固定高度布局需求，又能随系统字体大小缩放避免文本截断，我采用sp单位设置容器高度。这个方案在多数设备上正常，但在Pixel 8（Android 14）上出现异常：修改系统字体大小时，容器高度完全不变，仅内部TextView的文本放大，最终导致文本截断。日志对比显示：其他设备默认字体下52sp对应160px，字体放大后变为223px；但Pixel 8上52sp对应的像素值始终固定。

原因分析 #

这个问题的核心是Android 14对非文本类视图使用sp单位的解析逻辑做了变更。sp单位原本是为文本大小设计的，目的是让文字随系统字体缩放比例动态调整。但在Android 14中，Google限制了sp单位的作用范围：仅TextView及其子类的文本相关属性（如textSize）会继续跟随系统字体缩放，而ViewGroup等非文本组件的布局尺寸（如layout_height、layout_width）使用sp单位时，会被当作固定缩放系数的dp处理，不再随系统字体调整。

Pixel 8的字体缩放逻辑 #

Pixel 8作为Android 14的首发机型，严格遵循了Android 14的新规则：

• 文本组件（TextView、Button等）的textSize属性使用sp，仍会正常响应系统字体缩放比例。
• 非文本组件（ConstraintLayout、LinearLayout等）的布局尺寸使用sp，系统会忽略字体缩放比例，仅基于默认字体密度计算像素值，导致尺寸固定不变。

这个变更的目的是避免大量非文本布局元素随字体缩放过度变形，影响整体UI的稳定性，但也打破了之前通过sp让容器跟随文本缩放的常规用法。

解决方法 #

方法1：动态计算容器高度（推荐） #

将容器高度改为dp单位，在代码中根据当前系统字体缩放系数动态调整高度：

修改后的XML代码：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="101dp"
    android:layout_height="52dp"
    android:id="@+id/container">
    
    <!-- 其他视图保持不变 -->

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/title"
        android:textSize="12sp"
        android:ellipsize="end"
        android:maxLines="1"
        android:textAlignment="textStart"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/border_right"
        app:layout_constraintStart_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- 其他视图保持不变 -->

</androidx.constraintlayout.widget.ConstraintLayout>

代码中动态调整高度：

// 获取当前系统字体缩放系数
val scaledDensity = resources.displayMetrics.scaledDensity
// 计算目标高度：原52sp对应的像素值
val targetHeight = (52 * scaledDensity).toInt()
// 应用到容器
container.layoutParams.height = targetHeight
container.requestLayout()

如果需要监听字体缩放变化，可以注册Configuration变化监听，在字体调整时重新计算高度。

方法2：用TextView作为外层容器 #

利用TextView对sp单位的支持，将外层容器换成TextView，内部嵌套原ConstraintLayout：

<TextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="101dp"
    android:layout_height="52sp"
    android:id="@+id/text_container"
    android:textSize="0sp"
    android:gravity="center">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/container">
        
        <!-- 其他视图保持不变 -->

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/title"
            android:textSize="12sp"
            android:ellipsize="end"
            android:maxLines="1"
            android:textAlignment="textStart"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@id/border_right"
            app:layout_constraintStart_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <!-- 其他视图保持不变 -->

    </androidx.constraintlayout.widget.ConstraintLayout>
</TextView>

这种方法无需写代码，直接通过XML实现，但需要注意外层TextView的属性设置（比如textSize=0sp避免显示空文本）。

方法3：自定义ViewGroup重写测量逻辑 #

如果项目中有大量类似布局，可以自定义ViewGroup，重写onMeasure方法，手动将sp单位的高度乘以字体缩放系数：

class ScalableConstraintLayout @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : ConstraintLayout(context, attrs, defStyleAttr) {
    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        val scaledDensity = resources.displayMetrics.scaledDensity
        val heightMode = MeasureSpec.getMode(heightMeasureSpec)
        val heightSize = MeasureSpec.getSize(heightMeasureSpec)
        // 将dp转换为适配字体缩放的高度
        val newHeightSize = (heightSize / resources.displayMetrics.density * scaledDensity).toInt()
        val newHeightSpec = MeasureSpec.makeMeasureSpec(newHeightSize, heightMode)
        super.onMeasure(widthMeasureSpec, newHeightSpec)
    }
}

然后XML中替换为自定义布局：

<com.yourpackage.ScalableConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="101dp"
    android:layout_height="52sp"
    android:id="@+id/container">
    
    <!-- 内部视图不变 -->

</com.yourpackage.ScalableConstraintLayout>

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