将ImageSpan与TextView顶部对齐

Question

目前，我希望在文本之间添加一个图像，并将其与TextView顶部对齐。

如下所示：

​

​

我能找到的唯一的垂直对齐方式是基线(似乎把它放在正中)和底部对齐。

如果我使用ALIGN_BASELINE，会发生什么：

​

​

有没有办法将它与顶部对齐？

我当前的代码：

    txtView.setText(this.addImageAsterisk(
        "The string to have asterisk at the end*"), BufferType.SPANNABLE);

然后

private CharSequence addImageAsterisk(String string) {
    Drawable d = context.getResources().getDrawable(R.drawable.img_asterisk); 

    ImageSpan imageSpan = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
    final SpannableString spannableString = new SpannableString(string);
    spannableString.setSpan(imageSpan, string.length()-1, string.length(), 0);
    return spannableString;
}

删除ImageSpan.ALIGN_BASELINE会将其设置为与底部对齐，这也不是我预期的结果。

-感谢你的用户Lalit Poptani，我试着应用你的答案-在应用这个之后，整个文本视图似乎有额外的页边距顶部。

在应用span之前：

This is the text*

在应用SuperscriptSpanAdjuster之后

(some extra space)
This is the text*

我的代码：

String string = "This is the text*";
Drawable d = this.context.getResources().getDrawable(R.drawable.img_asterisk); 

d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight()); 

ImageSpan imageSpan = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
SuperscriptSpanAdjuster s = new SuperscriptSpanAdjuster(1.5);
final SpannableString spannableString = new SpannableString(string);
spannableString.setSpan(s, string.length() - 1, string.length(), 0);
spannableString.setSpan(imageSpan, string.length(), string.length() + 1, 0);
textView.setText(spannableString);

Answer 1

你能做的就是使用一个自定义的MetricAffectingSpan来保持它的比例，比如

public class SuperscriptSpanAdjuster extends MetricAffectingSpan {
    double ratio = 0.5;

    public SuperscriptSpanAdjuster(double ratio) {
        this.ratio = ratio;
    }

    @Override
    public void updateDrawState(TextPaint paint) {
        paint.baselineShift += (int) (paint.ascent() * ratio);
    }

    @Override
    public void updateMeasureState(TextPaint paint) {
        paint.baselineShift += (int) (paint.ascent() * ratio);
    }
}

您可以使用SpannableString将星号应用于字符串，例如，

SpannableString mString = new SpannableString("This is what I wanted*");
mString.setSpan(new SuperscriptSpanAdjuster(0.5), mString.length() - 1, 
                     mString.length(), SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);
mTextView.append("\n");
mTextView.append(mString);

这是根据您的要求将星号附加到您的文本。你的输出将会是，

​

​

Answer 2

只需将你的可抽屉包装在插图中，并将插图底部设置为某个值，如8dp。这不是最好的解决方案，但会奏效。

修改drawable/img_asterisk.xml --

<inset
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetBottom="8dp">

    <!-- Your previous asterisk drawable, probably a 'shape' -->

</inset>