如何在大屏新设备上优化Compose应用的字体大小？

一、改用有效可用空间判断，避免固定阈值误判 #

新款大屏设备常存在系统导航栏、挖孔等占用显示空间的情况，直接使用screenWidthDp会导致实际可用区域偏小、档位误判。建议结合WindowInsets获取真实可用宽度：

val windowInsets = rememberWindowInsets()
val usableWidthDp = remember(windowInsets) {
    val insets = windowInsets.getInsets(WindowInsetsSides.Horizontal)
    configuration.screenWidthDp - (insets.left + insets.right) / configuration.density
}

return when {
    usableWidthDp < 360 -> sw360Typography()
    usableWidthDp < 600 -> defaultTypography()
    else -> sw600Typography()
}

二、结合系统字体缩放，动态调整系数 #

Android系统自带字体缩放设置，应基于该系统值调整你的缩放比例，替代固定的0.75/1.5/1.15：

// 获取系统字体缩放比例
val fontScale = configuration.fontScale

// 生成动态缩放系数
fun getScaleFactor(widthDp: Int): Float {
    return when {
        widthDp < 360 -> 0.75f * fontScale
        widthDp < 600 -> 1.0f * fontScale
        else -> 1.5f * fontScale
    }
}

// 应用到Typography
fun dynamicTypography(scaleFactor: Float): Typography {
    return Typography(
        bodyLarge = TextStyle(
            fontSize = 16.sp * scaleFactor,
            // 其他样式配置
        ),
        // 其余文本样式
    )
}

此方案既保留分档逻辑，又尊重用户的系统字体偏好，解决新款设备文本过小的问题。

三、修正WindowSizeClass的使用方式 #

Pixel 9 Pro XL返回Compact的问题，多因未正确初始化WindowSizeClass。需依赖androidx.compose.material3:material3-window-size-class库，按如下方式使用：

// 在Activity中初始化
val windowSizeClass = calculateWindowSizeClass(this)

// 在Compose中调用
val windowSizeClass = LocalWindowSizeClass.current

return when (windowSizeClass.widthSizeClass) {
    WindowWidthSizeClass.Compact -> sw360Typography()
    WindowWidthSizeClass.Medium -> defaultTypography()
    WindowWidthSizeClass.Expanded -> sw600Typography()
}

确保基于整个窗口计算尺寸类，折叠屏设备可额外结合折叠状态判断，常规大屏设备此方法即可准确识别档位。

四、基于屏幕物理尺寸动态计算缩放系数 #

若需保留屏幕尺寸相关的动态调整，可通过计算屏幕物理英寸数替代固定像素阈值：

// 计算屏幕物理尺寸（英寸）
val screenInches = remember {
    val widthPx = configuration.screenWidthDp * configuration.density
    val heightPx = configuration.screenHeightDp * configuration.density
    val diagonalPx = sqrt((widthPx * widthPx) + (heightPx * heightPx))
    diagonalPx / configuration.densityDpi
}

// 根据物理尺寸生成动态系数
val scaleFactor = remember(screenInches, fontScale) {
    when {
        screenInches < 5.0 -> 0.75f * fontScale
        screenInches < 7.0 -> 1.0f * fontScale
        else -> (1.0f + (screenInches - 7.0) * 0.1f) * fontScale
    }
}

此方法随屏幕实际大小逐步调整缩放比例，避免固定数值的适配局限性。

五、优先使用Compose的sp单位特性 #

Compose的sp单位已内置系统字体缩放适配，确保所有字体尺寸均使用sp而非dp，再结合上述缩放系数，可进一步提升适配效果。

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