Android自定义IME键盘：如何实现大小写字母尺寸一致？

等宽字体（比如FontFamily.MonoSpace）只能保证所有字符的宽度一致，但大小写字母的设计高度本身就有差异（大写字母的基线到顶部距离远大于小写），所以要实现宽高完全一致，得从以下几个方向入手：

1. 使用专门的「全等高等宽字体」 #

直接找设计时就保证大小写字母宽高完全一致的字体，这类字体通常是为像素风格界面、复古键盘或特定编码场景设计的，比如：

• 像素类字体：Fixedsys Excelsior、Press Start 2P（注意部分像素字体需要调整字号适配）
• 专业编码字体：部分小众编码字体标注有「uniform height」或「all caps same size」特性

使用时把字体文件放到assets/fonts目录，然后通过FontFamily加载：

val uniformFont = FontFamily(
    Font(R.font.your_uniform_font)
)

Text(
    text = "A",
    fontSize = 24.sp,
    fontFamily = uniformFont
)

2. 自定义绘制强制缩放（Compose 场景） #

如果找不到合适的字体，可通过Compose的Modifier.drawWithContent手动缩放字符，使其宽高匹配目标尺寸（比如小写字母的尺寸）：

@Composable
fun UniformSizeText(
    text: String,
    fontSize: TextUnit,
    fontFamily: FontFamily
) {
    // 用小写字母"x"作为基准尺寸
    val baseLayout = remember(text, fontSize, fontFamily) {
        createTextLayout(
            text = "x",
            style = TextStyle(fontSize = fontSize, fontFamily = fontFamily)
        )
    }
    val targetWidth = baseLayout.size.width.toFloat()
    val targetHeight = baseLayout.size.height.toFloat()

    Text(
        text = text,
        fontSize = fontSize,
        fontFamily = fontFamily,
        modifier = Modifier.drawWithContent {
            val currentLayout = createTextLayout()
            val widthScale = targetWidth / currentLayout.size.width.toFloat()
            val heightScale = targetHeight / currentLayout.size.height.toFloat()
            // 取最小缩放比例保证不超出目标尺寸，按需调整
            val scale = min(widthScale, heightScale)

            withTransform(
                transformBlock = {
                    scale(scale, scale, pivot = Offset(currentLayout.size.width / 2f, currentLayout.size.height / 2f))
                }
            ) {
                drawContent()
            }
        }
    )
}

3. 自定义Span调整（传统View体系） #

如果是基于传统EditText/TextView开发IME，可通过MetricAffectingSpan统一调整字符的缩放比例：

class UniformSizeSpan(private val targetWidth: Float, private val targetHeight: Float) : MetricAffectingSpan() {
    override fun updateDrawState(ds: TextPaint) {
        val textWidth = ds.measureText("A")
        val textHeight = ds.fontMetrics.bottom - ds.fontMetrics.top
        ds.textScaleX = targetWidth / textWidth
        ds.textScaleY = targetHeight / textHeight
    }

    override fun updateMeasureState(paint: TextPaint) {
        updateDrawState(paint)
    }
}

// 使用示例
val editText = findViewById<EditText>(R.id.keyboard_edit)
val spannable = SpannableString("AaBb")
// 先测量小写字母的尺寸作为目标
val paint = TextPaint()
paint.textSize = 48f
paint.typeface = Typeface.MONOSPACE
val targetWidth = paint.measureText("a")
val targetHeight = paint.fontMetrics.bottom - paint.fontMetrics.top

// 给大写字母设置Span
spannable.setSpan(UniformSizeSpan(targetWidth, targetHeight), 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE)
spannable.setSpan(UniformSizeSpan(targetWidth, targetHeight), 2, 3, Spannable.SPAN_INCLUSIVE_EXCLUSIVE)
editText.text = spannable

4. 基线偏移视觉对齐（快速妥协方案） #

如果只需要视觉上高度一致，可通过调整基线偏移让大写字母向下移动，对齐小写字母的视觉中心：

@Composable
fun AlignedText(text: String, fontSize: TextUnit, fontFamily: FontFamily) {
    val lowercaseLayout = remember {
        createTextLayout("x", TextStyle(fontSize = fontSize, fontFamily = fontFamily))
    }
    val uppercaseLayout = remember {
        createTextLayout("A", TextStyle(fontSize = fontSize, fontFamily = fontFamily))
    }
    // 计算偏移量，让大写字母的视觉中心和小写一致
    val offset = (uppercaseLayout.size.height - lowercaseLayout.size.height) / 2

    Text(
        text = text,
        fontSize = fontSize,
        fontFamily = fontFamily,
        baselineOffset = BaselineOffset((uppercaseLayout.firstBaseline - offset).sp)
    )
}

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