【Android】强大的SpannableStringBuilder

前言

通过大牛 泡在网上的日子  的文章学习到了SpannableStringBuilder的用法,通过SpannableStringBuilder定制textView的文本样式,以前有这样的需求的时候只会傻傻的将文字分成几个textView显示或者用html控制。现在用SpannableStringBuilder解决简直太perfect了。

主要的方法

       SpannableStringBuilderSpannableString主要通过使用setSpan(Object what, int start, int end, int flags)改变文本样式。
对应的参数:

  • start: 指定Span的开始位置

  • end: 指定Span的结束位置,并不包括这个位置。

  • flags:取值有如下四个

    • Spannable.SPAN_EXCLUSIVE_INCLUSIVE:在 Span前面输入的字符不应用 Span的效果,在后面输入的字符应用Span效果。

    • Spannable.SPAN_INCLUSIVE_EXCLUSIVE:在 Span前面输入的字符应用 Span 的效果,在后面输入的字符不应用Span效果。

    • Spannable.SPAN_INCUJSIVE_INCLUSIVE:在 Span前后输入的字符都应用 Span 的效果。

    • Spannable.SPAN_EXCLUSIVE_EXCLUSIVE:前后都不包括。

  • what: 对应的各种Span,不同的Span对应不同的样式。已知的可用类有:

    • BackgroundColorSpan : 文本背景色

    • ForegroundColorSpan : 文本颜色

    • MaskFilterSpan : 修饰效果,如模糊(BlurMaskFilter)浮雕

    • RasterizerSpan : 光栅效果

    • StrikethroughSpan : 删除线

    • SuggestionSpan : 相当于占位符

    • UnderlineSpan : 下划线

    • AbsoluteSizeSpan : 文本字体(绝对大小)

    • DynamicDrawableSpan : 设置图片,基于文本基线或底部对齐。

    • ImageSpan : 图片

    • RelativeSizeSpan : 相对大小(文本字体)

    • ScaleXSpan : 基于x轴缩放

    • StyleSpan : 字体样式:粗体、斜体等

    • SubscriptSpan : 下标(数学公式会用到)

    • SuperscriptSpan : 上标(数学公式会用到)

    • TextAppearanceSpan : 文本外貌(包括字体、大小、样式和颜色)

    • TypefaceSpan : 文本字体

    • URLSpan : 文本超链接

    • ClickableSpan : 点击事件

代码示例

SpannableString
/**
 * 使用SpannableString设置样式——字体颜色
 */
SpannableString spannableString = new SpannableString("hello world");
ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#009ad6"));
spannableString.setSpan(colorSpan, 0, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);//设置'hello'的字体颜色
((TextView)findViewById(R.id.textView)).setText(spannableString);

SpannableStringBuilder
SpannableStringBuilder ssb=new SpannableStringBuilder();
ssb.append("hello world");
/**
 * 设置样式——字体颜色
 */
ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#009ad6"));
ssb.setSpan(colorSpan, 0, 3, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);//设置'hel'颜色
//设置背景颜色
BackgroundColorSpan bgColorSpan = new BackgroundColorSpan(Color.parseColor("#009ad6"));
ssb.setSpan(bgColorSpan, 3, 6, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);//'lo '的背景色
//设置字体大小
AbsoluteSizeSpan absoluteSizeSpan = new AbsoluteSizeSpan(20);
ssb.setSpan(absoluteSizeSpan, 0, 3, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
/**
 * 设置样式——粗体斜体
 * Typeface. BOLD 粗体\ITALIC 斜体\BOLD_ITALIC 粗斜体
 */
StyleSpan styleSpan=new StyleSpan(Typeface.BOLD);
ssb.setSpan(styleSpan, 0, 3, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);//'hel'设置为粗体
//删除线-中划线
StrikethroughSpan strikethroughSpan = new StrikethroughSpan();
ssb.setSpan(strikethroughSpan, 0, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
//下划线
UnderlineSpan underlineSpan = new UnderlineSpan();
ssb.setSpan(underlineSpan, 6, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

/**
 * 设置图片
 */
ImageSpan imageSpan = new ImageSpan(this, R.mipmap.ic_launcher);    //也可以这样
//Drawable drawable = getResources().getDrawable(R.mipmap.ic_launcher);
//drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
//ImageSpan imageSpan1 = new ImageSpan(drawable);
//将index为6、7的字符用图片替代
ssb.setSpan(imageSpan, 6, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

/**
 * 点击事件
 */
ClickableSpan clickableSpan = new ClickableSpan() {
    @Override
    public void onClick(View view) {
        Toast.makeText(MainActivity.this, "hello", Toast.LENGTH_SHORT).show();
    }
};
ssb.setSpan(clickableSpan, 5, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

TextView textView = (TextView)findViewById(R.id.textView);
textView.setText(ssb);
textView.setMovementMethod(LinkMovementMethod.getInstance());//设置指定字符可点击,其他区域不可点击


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在SpannableStringBuilder中对齐位图,可以使用Imagespan和LeadingMarginSpan组合来实现。具体的步骤如下: 1. 创建一个Bitmap对象,用于表示要插入的位图。 2. 创建一个ImageSpan对象,并将Bitmap对象作为其参数,设置ImageSpan的对齐方式。 3. 创建一个LeadingMarginSpan对象,并将其与ImageSpan对象一起添加到SpannableStringBuilder中。 4. 在SpannableStringBuilder中插入文本,并将ImageSpan和LeadingMarginSpan应用于文本。 示例代码如下: ```java Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image); // 创建位图 ImageSpan imageSpan = new ImageSpan(this, bitmap, ImageSpan.ALIGN_BASELINE); // 创建ImageSpan对象 LeadingMarginSpan marginSpan = new LeadingMarginSpan.Standard(bitmap.getWidth()); // 创建LeadingMarginSpan对象 SpannableStringBuilder builder = new SpannableStringBuilder("插入位图"); // 创建SpannableStringBuilder对象 builder.setSpan(imageSpan, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); // 将ImageSpan应用于文本 builder.setSpan(marginSpan, 0, builder.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); // 将LeadingMarginSpan应用于文本 TextView textView = findViewById(R.id.text_view); textView.setText(builder); // 将SpannableStringBuilder显示在TextView中 ``` 在上面的示例代码中,我们首先创建了一个位图对象,然后创建一个ImageSpan对象,并将位图对象作为其参数。我们将ImageSpan的对齐方式设置为ALIGN_BASELINE,表示将位图与文本基线对齐。接下来,我们创建了一个LeadingMarginSpan对象,并将其与ImageSpan对象一起添加到SpannableStringBuilder中。最后,我们将SpannableStringBuilder显示在TextView中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值