Android TextView 中真正的顶部对齐文本

Question

我正在尝试在 Android 中显示 TextView 以使视图中的文本顶部对齐：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Create container layout
    FrameLayout layout = new FrameLayout(this);

    // Create text label
    TextView label = new TextView(this);
    label.setTextSize(TypedValue.COMPLEX_UNIT_PX, 25);     // 25 pixels tall
    label.setGravity(Gravity.TOP + Gravity.CENTER);        // Align text top-center
    label.setPadding(0, 0, 0, 0);                          // No padding
    Rect bounds = new Rect();
    label.getPaint().getTextBounds("gdyl!", 0, 5, bounds); // Measure height
    label.setText("good day, world! "+bounds.top+" to "+bounds.bottom);
    label.setTextColor      (0xFF000000);                  // Black text
    label.setBackgroundColor(0xFF00FFFF);                  // Blue background

    // Position text label
    FrameLayout.LayoutParams layoutParams = 
            new FrameLayout.LayoutParams(300, 25, Gravity.LEFT + Gravity.TOP);
                                                            // also 25 pixels tall
    layoutParams.setMargins(50, 50, 0, 0);
    label.setLayoutParams(layoutParams);

    // Compose screen
    layout.addView(label);
    setContentView(layout);
}

此代码输出以下图像：

注意事项：

• 蓝色框高 25 像素，与要求的一样
• 文本边界也根据要求报告为 25 像素高 (6 - (-19) = 25)
• 文本不是从标签顶部开始，而是在其上方有一些填充，忽略 setPadding()
• 这会导致文本在底部被剪裁，即使从技术上讲该框足够高

我如何告诉 TextView 在框的最顶部开始文本？

我对可能的答案有两个限制：

• 我确实需要保持文本顶部对齐，所以如果有一些底部对齐或垂直居中的技巧，我不能使用它，因为我有 TextView 比它高的场景需要。
• 我有点兼容性问题，所以如果可能的话，我想坚持使用早期 Android API 中可用的调用（最好是 1，但绝对不超过 7）。

Answer 1

TextViews 在画布上使用抽象类android.text.Layout 到draw the text：

canvas.drawText(buf, start, end, x, lbaseline, paint);

垂直偏移lbaseline 计算为行的底部减去字体的下降：

int lbottom = getLineTop(i+1);
int lbaseline = lbottom - getLineDescent(i);

getLineTop 和 getLineDescent 两个被调用函数是抽象的，但是可以在 BoringLayout 中找到一个简单的实现（见图... :)，它只返回其值 mBottom 和 mDesc .这些在其init 方法中计算如下：

if (includepad) {
    spacing = metrics.bottom - metrics.top;
} else {
    spacing = metrics.descent - metrics.ascent;
}

if (spacingmult != 1 || spacingadd != 0) {
    spacing = (int)(spacing * spacingmult + spacingadd + 0.5f);
}

mBottom = spacing;

if (includepad) {
    mDesc = spacing + metrics.top;
} else {
    mDesc = spacing + metrics.ascent;
}

这里，includepad 是一个布尔值，用于指定文本是否应包含额外的填充以允许超出指定上升的字形。可以通过 TextView 的 setIncludeFontPadding 方法设置（正如@ggc 指出的那样）。

如果将 includepad 设置为 true（默认值），则文本将使用字体度量的 top-field 给出的基线定位。否则文本的基线取自descent-field。

所以，从技术上讲，这应该意味着我们需要做的就是关闭 IncludeFontPadding，但不幸的是，这会产生以下结果：

原因是字体报告 -23.2 作为其上升，而边界框报告顶部值为 -19。我不知道这是字体中的“错误”还是应该是这样的。不幸的是，FontMetrics 没有提供任何与边界框报告的 19 匹配的值，即使您尝试以某种方式将报告的 240dpi 屏幕分辨率与 72dpi 字体点的定义结合起来，所以没有“官方”方法来解决这个问题。

但是，当然，可用信息可用于破解解决方案。有两种方法可以做到：

• 单独使用 IncludeFontPadding，即设置为 true：

  double top = label.getPaint().getFontMetrics().top;
  label.setPadding(0, (int) (top - bounds.top - 0.5), 0, 0);
  

  即设置垂直填充以补偿从文本边界报告的 y 值和字体度量的顶部值的差异。结果：

• 将 IncludeFontPadding 设置为 false：

  double ascent = label.getPaint().getFontMetrics().ascent;
  label.setPadding(0, (int) (ascent - bounds.top - 0.5), 0, 0);
  label.setIncludeFontPadding(false);
  

  即设置垂直填充以补偿从文本边界报告的 y 值和字体度量的上升值的差异。结果：

请注意，将 IncludeFontPadding 设置为 false 并没有什么神奇之处。 两个版本都应该工作。它们产生不同结果的原因是当字体度量的浮点值转换为整数时，舍入误差略有不同。碰巧在这种特殊情况下，将 IncludeFontPadding 设置为 false 看起来会更好，但对于不同的字体或字体大小，这可能会有所不同。调整顶部填充的计算以产生与 BoringLayout 使用的计算相同的精确舍入误差可能相当容易。我还没有这样做，因为我宁愿使用“无错误”字体，但如果我有时间我可能会稍后添加它。那么，IncludeFontPadding 设置为 false 还是 true 应该是无关紧要的。

Answer 2

如果您的 TextView 在其他布局中，请确保检查它们之间是否有足够的空间。您可以在父视图的底部添加一个填充，看看您是否获得了全文。它对我有用！

示例：您在 FrameLayout 中有一个 textView，但 FrameLayout 太小并且正在剪切您的 textView。向您的 FrameLayout 添加填充以查看它是否有效。

编辑：改变这一行

     FrameLayout.LayoutParams layoutParams = 
            new FrameLayout.LayoutParams(300, 25, Gravity.LEFT + Gravity.TOP);

对于这一行

    FrameLayout.LayoutParams layoutParams = 
            new FrameLayout.LayoutParams(300, 50, Gravity.LEFT + Gravity.TOP);

这将使框变大，并且以同样的方式留出足够的空间来显示您的文本。

或添加这一行

     label.setIncludeFontPadding(false);

这将删除周围的字体填充并让文本可见。但在你的情况下唯一不起作用的是它不会完全显示像'g'这样的字母在行下......也许你将不得不稍微改变盒子或文本的大小（比如2-3) 如果你真的想让它工作。