spannableStringBuilder 不能在单个文本视图中使用多个跨度答案

【问题标题】：spannableStringBuilder not working with multiple span in single text viewspannableStringBuilder 不能在单个文本视图中使用多个跨度
【发布时间】：2017-05-25 19:33:08
【问题描述】：

下面是一个实用程序类，用于制作具有所需格式的可跨字符串

    package impressico.com.testfragmentstack;

import android.content.Context;
import android.support.v4.content.ContextCompat;
import android.text.Spannable;
import android.text.SpannableStringBuilder;
import android.text.style.ForegroundColorSpan;
import android.text.style.RelativeSizeSpan;
import java.util.ArrayList;
import java.util.List;

public class SimpleSpanBuilder {
  public static final int FORMATTING_STYLE_DARK_BOLD = 1;
  public static final int FORMATTING_STYLE_DARK_BOLD_SMALL = 2;
  public static final int FORMATTING_STYLE_DIM_ITALIC_LIGHT = 3;
  public static final int FORMATTING_STYLE_DIM_ITALIC_LIGHT_SMALL = 4;
  private List<SpanSection> spanSections;
  private StringBuilder stringBuilder;
  ForegroundColorSpan boldColorSpan;
  ForegroundColorSpan dimColorSpan;
  ForegroundColorSpan testColorSpan1;
  ForegroundColorSpan testColorSpan2;
  RelativeSizeSpan relativeSmallSpan;

  public SimpleSpanBuilder(Context context) {
    stringBuilder = new StringBuilder();
    spanSections = new ArrayList<>();
    boldColorSpan =
        new ForegroundColorSpan(ContextCompat.getColor(context, R.color.Green));
    dimColorSpan =
        new ForegroundColorSpan(ContextCompat.getColor(context, R.color.Blue));
    testColorSpan1 =
        new ForegroundColorSpan(ContextCompat.getColor(context, R.color.Black));
    testColorSpan2 =
        new ForegroundColorSpan(ContextCompat.getColor(context, R.color.Red));
    relativeSmallSpan = new RelativeSizeSpan(0.8f);
  }

  public SimpleSpanBuilder append(String text, int formattingStyle) {
    spanSections.add(new SpanSection(text, stringBuilder.length(), formattingStyle));
    stringBuilder.append(text);
    return this;
  }

  public SpannableStringBuilder build() {
    SpannableStringBuilder ssb = new SpannableStringBuilder(stringBuilder.toString());
    for (SpanSection section : spanSections) {
      section.apply(ssb);
    }
    return ssb;
  }

  @Override
  public String toString() {
    return stringBuilder.toString();
  }

  private class SpanSection {
    private final String text;
    private final int startIndex;
    private final int formattingStyle;

    public SpanSection(String text, int startIndex, int formattingStyle) {
      this.formattingStyle = formattingStyle;
      this.text = text;
      this.startIndex = startIndex;
    }

    public void apply(SpannableStringBuilder spanStringBuilder) {
      if (spanStringBuilder == null) return;
      switch (formattingStyle) {
        case FORMATTING_STYLE_DARK_BOLD:
          spanStringBuilder.setSpan(boldColorSpan, startIndex, startIndex + text.length(),
              Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
          break;
        case FORMATTING_STYLE_DARK_BOLD_SMALL:
          spanStringBuilder.setSpan(testColorSpan1, startIndex, startIndex + text.length(),
              Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
          break;
        case FORMATTING_STYLE_DIM_ITALIC_LIGHT:
          spanStringBuilder.setSpan(dimColorSpan, startIndex, startIndex + text.length(),
              Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
          break;
        case FORMATTING_STYLE_DIM_ITALIC_LIGHT_SMALL:
          spanStringBuilder.setSpan(testColorSpan2, startIndex, startIndex + text.length(),
              Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
          break;
      }
    }
  }
}

当我尝试使用下面的调用代码在 span 上应用格式时，它没有按预期工作

    tv=((TextView) view.findViewById(R.id.fragment_title));
    SimpleSpanBuilder ssbTest=new SimpleSpanBuilder(getContext());
    ssbTest.append("Green",1);
    ssbTest.append("Black",2);
    ssbTest.append("Blue",3);
    ssbTest.append("Red",4);
    ssbTest.append("Green",1);
    ssbTest.append("Black",2);
    ssbTest.append("Blue",3);
    ssbTest.append("Red",4);
    tv.setText(ssbTest.build());

请有人帮我弄清楚这有什么问题，或者它是可跨字符串/文本视图的错误？

更新感谢@TdSoft 的解决方案和@W.K.S 这是扩展代码的原因

case FORMATTING_STYLE_DIM_ITALIC_LIGHT_SMALL: {
          CalligraphyTypefaceSpan typefaceSemiBoldItalic = new CalligraphyTypefaceSpan(typefaceSBI);
          ForegroundColorSpan dimColorSpan =
              new ForegroundColorSpan(ContextCompat.getColor(context, R.color.text_color_ffa7acb3));
          RelativeSizeSpan relativeSmallSpan = new RelativeSizeSpan(0.8f);
          spanStringBuilder.setSpan(typefaceSemiBoldItalic, startIndex, startIndex + text.length(),
              Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
          spanStringBuilder.setSpan(dimColorSpan, startIndex, startIndex + text.length(),
              Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
          spanStringBuilder.setSpan(relativeSmallSpan, startIndex, startIndex + text.length(),
              Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
        }
        break;

我需要一套固定的格式样式，上面的代码在很多地方都被调用，所以最好将格式代码暴露给调用者。

【问题讨论】：

标签： android spannablestring spannable

【解决方案1】：

我只是稍微改变一下你的实用程序类，请看下面：

public class SimpleSpanBuilder {
    public static final int FORMATTING_STYLE_DARK_BOLD = 1;
    public static final int FORMATTING_STYLE_DARK_BOLD_SMALL = 2;
    public static final int FORMATTING_STYLE_DIM_ITALIC_LIGHT = 3;
    public static final int FORMATTING_STYLE_DIM_ITALIC_LIGHT_SMALL = 4;
    private List<SpanSection> spanSections;
    private StringBuilder stringBuilder;
    RelativeSizeSpan relativeSmallSpan;
    private Context context;
    public SimpleSpanBuilder(Context context) {
        this.context = context;
        stringBuilder = new StringBuilder();
        spanSections = new ArrayList<>();
        relativeSmallSpan = new RelativeSizeSpan(0.8f);
    }

    public SimpleSpanBuilder append(String text, int formattingStyle) {
        spanSections.add(new SpanSection(text, stringBuilder.length(), formattingStyle));
        stringBuilder.append(text);
        return this;
    }

    public SpannableStringBuilder build() {
        SpannableStringBuilder ssb = new SpannableStringBuilder(stringBuilder.toString());
        for (SpanSection section : spanSections) {
            section.apply(ssb);
        }
        return ssb;
    }

    @Override
    public String toString() {
        return stringBuilder.toString();
    }

    private class SpanSection {
        private final String text;
        private final int startIndex;
        private final int formattingStyle;

        public SpanSection(String text, int startIndex, int formattingStyle) {
            this.formattingStyle = formattingStyle;
            this.text = text;
            this.startIndex = startIndex;
        }

        public void apply(SpannableStringBuilder spanStringBuilder) {
            if (spanStringBuilder == null) return;
            switch (formattingStyle) {
                case FORMATTING_STYLE_DARK_BOLD:
                    ForegroundColorSpan boldColorSpan =
                            new ForegroundColorSpan(ContextCompat.getColor(context, R.color.Green));
                    spanStringBuilder.setSpan(boldColorSpan, startIndex, startIndex + text.length(),
                            Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
                    break;
                case FORMATTING_STYLE_DARK_BOLD_SMALL:
                    ForegroundColorSpan testColorSpan1 =
                            new ForegroundColorSpan(ContextCompat.getColor(context, R.color.Black));

                    spanStringBuilder.setSpan(testColorSpan1, startIndex, startIndex + text.length(),
                            Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
                    break;
                case FORMATTING_STYLE_DIM_ITALIC_LIGHT:
                    ForegroundColorSpan dimColorSpan =
                            new ForegroundColorSpan(ContextCompat.getColor(context, R.color.Blue));
                    spanStringBuilder.setSpan(dimColorSpan, startIndex, startIndex + text.length(),
                            Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
                    break;
                case FORMATTING_STYLE_DIM_ITALIC_LIGHT_SMALL:
                    ForegroundColorSpan testColorSpan2 =
                            new ForegroundColorSpan(ContextCompat.getColor(context, R.color.Red));
                    spanStringBuilder.setSpan(testColorSpan2, startIndex, startIndex + text.length(),
                            Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
                    break;
            }
        }
    }
}

注意：对于 relativeSmallSpan 也可以做同样的事情，那么它也可以正常工作。试试这个，让我们知道...... 祝你好运

【讨论】：

它工作正常，这意味着我们不能在构建 SpannableString 时重复使用格式化样式的实例两次，对吧？

【解决方案2】：

我在this 答案中写了SimpleSpanBuilder 类。你已经扩展了这个类并使它变得不必要的复杂。很简单：

SimpleSpanBuilder ssbTest = new SimpleSpanBuilder();

ssbTest.append("Green",new ForegroundColorSpan(Color.GREEN));
ssbTest.append("Black",new ForegroundColorSpan(Color.BLACK));
ssbTest.append("Blue",new ForegroundColorSpan(Color.BLUE));
ssbTest.append("Red",new ForegroundColorSpan(Color.RED));

ssbTest.append("Green",new ForegroundColorSpan(Color.GREEN));
ssbTest.append("Black",new ForegroundColorSpan(Color.BLACK));
ssbTest.append("Blue",new ForegroundColorSpan(Color.BLUE));
ssbTest.append("Red",new ForegroundColorSpan(Color.RED));


textView.setText(ssbTest.build());

更新

我没有测试过这段代码，但是要声明一个命名样式，你可以这样做：

public static class SpanStyleSheet{

    private static ParcelableSpan[] dimItalicLightSmall;

    public static ParcelableSpan[] dimItalicLightSmall(Context context){

        if(dimItalicLightSmall == null){
            dimItalicLightSmall =  new ParcellableSpan[]{
                new CalligraphyTypefaceSpan(typefaceSBI),
                new ForegroundColorSpan(ContextCompat.getColor(context, R.color.text_color_ffa7acb3)),
                new RelativeSizeSpan(0.8f)
            }
        }
        return dimItalicLightSmall;
    }
}

SimpleSpanBuilder ssbTest = new SimpleSpanBuilder();
ssbTest.append("Green",SpanStyleSheet.dimItalicLightSmall(getContext()));
textView.setText(ssbTest.build());

【讨论】：

感谢您的代码，您说得对，我已经根据我的要求扩展了它，这不是不必要的，基本上我想在应用程序中以固定格式公开此实用程序，此实用程序的调用者将只是传递 FORMATTING_STYLE_DIM_ITALIC_LIGHT 之类的代码，此处取决于代码实用程序可能会在该部分应用一个或多个样式跨度。
我用一个用例更新了问题，请检查。