Android Compose文本自适应单行显示方案合理性及初始字号优化咨询

现有实现的合理性判断 #

你的实现核心思路是可行的：通过onSizeChanged获取可用宽度，迭代调整字体大小让文本适配单行，同时用LaunchedEffect结合Flow定时更新时间，能基本达成「文本最大化+单行显示+横竖屏适配」的需求。但存在几个明显的不足：

• 横竖屏适配不彻底：fitSet设为true后不再重新计算，横竖屏切换时onSizeChanged虽会触发，但后续逻辑不会执行，导致文本无法适配新的屏幕宽度。
• 初始字体大小硬编码：100f的固定初始值无法适配所有设备，大屏设备需手动调大，通用性差。
• 效率偏低：循环递减字体大小的方式，在大屏设备上可能需要多次迭代才能找到合适值，性能不够优。
• 测量偏差：直接用Paint测量文本宽度，和Compose Text组件实际渲染的宽度可能存在差异（比如字体字距、基线等因素），导致最终显示可能超出边界或留白。

优化方案 #

1. 修复横竖屏适配问题 #

监听屏幕配置变化（如方向），在配置变更时重置计算状态，确保每次屏幕尺寸变化都重新计算：

val configuration = LocalConfiguration.current
DisposableEffect(configuration) {
    val listener = ConfigurationChangeListener {
        textSize = 0.sp
        fitSet = false
    }
    configuration.registerDeviceConfigChangeListener(listener)
    onDispose {
        configuration.unregisterDeviceConfigChangeListener(listener)
    }
}

或者更简单的方式：移除fitSet变量，每次onSizeChanged都重新计算（可添加防抖逻辑避免频繁计算）。

2. 高效字体大小计算：二分查找替代循环递减 #

相比逐次递减，二分查找能快速定位最大适配字体大小，大幅减少迭代次数：

private fun findMaxFontSize(
    text: String,
    availableWidthDp: Dp,
    density: Density,
    fontScale: Float
): TextUnit {
    var low = 1.sp
    var high = availableWidthDp // 直接用可用宽度作为初始最大值，无需硬编码
    var bestSize = 1.sp

    with(density) {
        repeat(10) { // 10次迭代足够达到精度要求
            val mid = (low + high) / 2
            val paint = Paint().apply {
                textSize = (mid * fontScale).toPx()
            }
            val textWidth = paint.measureText(text).toDp()
            if (textWidth <= availableWidthDp) {
                bestSize = mid
                low = mid
            } else {
                high = mid
            }
        }
    }
    return bestSize
}

在onSizeChanged中调用该函数即可完成快速计算。

3. 用TextLayoutResult做精准测量 #

直接使用Text组件的onTextLayout回调获取实际渲染宽度，避免Paint测量的偏差：

var textLayoutResult by remember { mutableStateOf<TextLayoutResult?>(null) }
var targetWidth by remember { mutableStateOf(0.dp) }

Text(
    modifier = Modifier
        .fillMaxWidth()
        .onSizeChanged {
            targetWidth = with(localDensity) { it.width.toDp() }
        },
    style = TextStyle(fontSize = textSize, textAlign = TextAlign.Center),
    text = now.format(formatter),
    color = color,
    onTextLayout = { result ->
        textLayoutResult = result
        val currentWidth = with(localDensity) { result.size.width.toDp() }
        when {
            currentWidth > targetWidth -> textSize = textSize * 0.95.sp
            currentWidth < targetWidth * 0.98 -> textSize = textSize * 1.05.sp
        }
    }
)

这种方式完全匹配Text组件的实际渲染效果，消除测量偏差。

4. 动态初始字体大小估算 #

直接将可用宽度作为初始字体大小的上限（转换为sp），无需硬编码固定值：

val initialFontSize = with(localDensity) { it.width.toDp() }

文本的最大可能字体大小不会超过可用宽度对应的sp值，这样不管大屏还是小屏都能从足够大的初始值开始计算。

优化后的核心代码示例 #

@Composable
fun CurrentTime(color: Color) {
    var now by remember { mutableStateOf(LocalDateTime.now()) }
    var textSize by remember { mutableStateOf(0.sp) }
    var targetWidth by remember { mutableStateOf(0.dp) }
    val formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss.SSS")
    val localDensity = LocalDensity.current
    val fontScale = LocalDensity.current.fontScale
    val configuration = LocalConfiguration.current

    // 定时更新时间
    LaunchedEffect(Unit) {
        flow {
            while (true) {
                emit(LocalDateTime.now())
                delay(16)
            }
        }.collectLatest { now = it }
    }

    // 监听配置变化，重置计算状态
    DisposableEffect(configuration) {
        val listener = ConfigurationChangeListener {
            textSize = 0.sp
        }
        configuration.registerDeviceConfigChangeListener(listener)
        onDispose {
            configuration.unregisterDeviceConfigChangeListener(listener)
        }
    }

    // 计算最大适配字体大小
    LaunchedEffect(targetWidth, now) {
        if (targetWidth == 0.dp) return@LaunchedEffect
        val text = now.format(formatter)
        textSize = findMaxFontSize(text, targetWidth, localDensity, fontScale)
    }

    Text(
        modifier = Modifier
            .fillMaxWidth()
            .onSizeChanged {
                targetWidth = with(localDensity) { it.width.toDp() }
            },
        style = TextStyle(fontSize = textSize, textAlign = TextAlign.Center),
        text = now.format(formatter),
        color = color,
    )
}

// 二分查找最大字体大小的工具函数
private fun findMaxFontSize(
    text: String,
    availableWidthDp: Dp,
    density: Density,
    fontScale: Float
): TextUnit {
    var low = 1.sp
    var high = availableWidthDp
    var bestSize = 1.sp

    with(density) {
        repeat(10) {
            val mid = (low + high) / 2
            val paint = Paint().apply {
                textSize = (mid * fontScale).toPx()
            }
            val textWidth = paint.measureText(text).toDp()
            if (textWidth <= availableWidthDp) {
                bestSize = mid
                low = mid
            } else {
                high = mid
            }
        }
    }
    return bestSize
}

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