同一行上的多个 RelativeSizeSpan答案

【问题标题】：Multiple RelativeSizeSpan on same line同一行上的多个 RelativeSizeSpan
【发布时间】：2015-05-04 00:10:19
【问题描述】：

我正在尝试使用两个并排的 RelativeSizeSpan，但两者之间出现了很大的差距。看看我想要实现什么以及我得到了什么。

这就是我构建 Spanned 实例的方式

    String formattedValue = "25%";
    SpannableStringBuilder ssb = new SpannableStringBuilder(formattedValue);
    ssb.append("\n");
    ssb.append(otherValue);

    int firstSpanEnd = formattedValue.length();
    ssb.setSpan(new RelativeSizeSpan(1.5f), 0, firstSpanEnd-1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    ssb.setSpan(new RelativeSizeSpan(0.3f), firstSpanEnd, firstSpanEnd+1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

这就是我的画法

  float maxTextWidth = getPaintCenterText().measureText(mText, 0, mText.length());

  TextPaint textPaint = new TextPaint(getPaintCenterText());

  mCenterTextLayout = new StaticLayout(mText, textPaint, (int) maxTextWidth, Layout.Alignment.ALIGN_NORMAL, 0.85f, 0, false);

  c.save();

  float centerY = center.y - totalheight;

  c.translate(center.x, centerY);

  mCenterTextLayout.draw(c);

  c.restore();

如果我删除第二个 RelativeSizeSpan，差距会更小，但它仍然存在。

另外，我尝试了几个跨区标志，但似乎都没有任何效果。

编辑：我的 SpannableStringBuilder 的 mText 字段

[0] = '2' 48
[1] = '5' 46
[2] = '%' 48
[3] = '\n' 10
[4] = 'E' 69
[5] = 'x' 120
[6] = 'e' 101
[7] = 'r' 114
[8] = 'c' 99
[9] = 'i' 105
[10] = 's' 115
[11] = 'e' 101
[12] = ' ' 32
[13] = 'd' 100
[14] = 'a' 97
[15] = 'y' 121
[16] = 's' 115
[17] = '\u0000' 0
[18] = '\u0000' 0
[19] = '\u0000' 0
[20] = '\u0000' 0
[21] = '\u0000' 0
[22] = '\u0000' 0

【问题讨论】：

我用你的代码得到这个：Link。我所做的唯一更改是ssb.setSpan(new RelativeSizeSpan(0.3f), firstSpanEnd-1, firstSpanEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);，这可能是一个错字。使用文本大小为 30sp 的默认字体。
感谢@Vikram，我会尽快调查，这将在星期一进行
那行不通。一旦我添加了 RelativeSizeSpan 或 AbsoluteSizeSpan，就会出现很大的差距（Nexus 4 模拟器和一加一，都在 4.4 上）。感谢您尝试
我终于能够重现间距问题。你在getPaintCenterText()的返回值上设置了什么属性？如果是setTextAlign(Paint.Align.CENTER)，请将其删除。相反，在创建StaticLayout 时使用Layout.Alignment.ALIGN_CENTER 代替Layout.Alignment.ALIGN_NORMAL。
Also, did you just guess or is there a reason for that behaviour? 有点猜测。据我所知，在TextPaint 上设置Paint.Align.CENTER 将影响文本字符在其边界矩形内的放置。 RelativeSizeSpan 会夸大这一点。所以，我猜Layout.Alignment.ALIGN_CENTER 在这里会更合适。

标签： android android-layout android-canvas spannablestring

【解决方案1】：

在TextPaint 上设置setTextAlign(Paint.Align.CENTER) 可能会干扰您的跨度。

改为在StaticLayout 上使用Layout.Alignment.CENTER，它应该使整个文本居中。

mCenterTextLayout = new StaticLayout(mText, textPaint, (int) maxTextWidth, 
                          Layout.Alignment.ALIGN_CENTER, 0.85f, 0, false);

【讨论】：

【解决方案2】：

检查此代码，这是根据您的要求提供正确的输出

editText=(TextView)findViewById(R.id.editText);
        editText.setTextSize(40);
        SpannableString span1 = new SpannableString("25%");
        SpannableString span2 = new SpannableString("25%");

        span1.setSpan(new RelativeSizeSpan(0.3f),  2, 3, 0);
        span1.setSpan(new RelativeSizeSpan(1.5f),  0, 2, 0);

        span2.setSpan(new RelativeSizeSpan(0.3f),  2, 3, 0);
        span2.setSpan(new RelativeSizeSpan(1.5f),  0, 2, 0);

        editText.setText(TextUtils.concat(span1," " ,span2));

【讨论】：

感谢@Fahim，但事实证明这与用于绘制 StaticLayout 的 Paint 有关

【解决方案3】：

在您的示例中，firstSpanEnd 的值为 3。

第一个 RelativeSizeSpan 然后将应用于字符 [0, 2] -> 25。

第二个 RelativeSizeSpan 将应用于字符 [3, 4]，它是 \n 而不是 % 字符。

ssb.setSpan(new RelativeSizeSpan(1.5f), 0, firstSpanEnd-1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
ssb.setSpan(new RelativeSizeSpan(0.3f), firstSpanEnd-1, firstSpanEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

应该解决这个问题，但我猜有一个底层布局错误导致空间（可能是 \n）在 % 之前显示。

【讨论】：

如果 firstSpanEnd 仍然是 3，您的第二个跨度将应用于 \n。 ... there's an underlying layout bug that causes the space (the \n probably) showing before the %。 % 不会在下一行吗？
你是对的。出于某种原因，我复制了原始代码而不是正确的代码（刚刚修复）。我没有对此进行测试，但由于您无法使用正确的代码重现它（并且 OP 仍然存在更正代码的问题），这可能与某些 Android 版本或制造商实现有关。如果 \n 导致间距而不是仅仅换行，那么 % 可能仍然在同一行上。
在 TextView 上使用 SpannableString 时效果很好，所以问题一定出在我如何绘制它上。我正在使用完整的绘图代码更新问题。