Spannable的使用(文本样式设置)

68 阅读 0 评论 45 点赞

我是靠谱客的博主聪慧香烟，最近开发中收集的这篇文章主要介绍Spannable的使用(文本样式设置)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

通过Spannable对象我们可以设置textview的各种样式，其功能十分强大。

setSpan(Object what, int start, int end, int flags)

1. 第一个参数

what	意思
AbsoluteSizeSpan	指定文字大小
TypefaceSpan	可以设置不同的字体
AlignmentSpan.Standard	标准文本对齐
BackgroundColorSpan	文本背景颜色
ForegroundColorSpan	文字字体颜色
LeadingMarginSpan	文本缩进
TabStopSpan	制表位偏移样式
TextAppearanceSpan	使用style文件来定义文本样式
RelativeSizeSpan	对于文本设定的大小的相对比例
ScaleXSpan	将字体按比例进行横向缩放
URLSpan	可以打开一个链接
StyleSpan	正常、粗体、斜体和同时加粗倾斜四种样式
StrikethroughSpan	删除线样式
QuoteSpan	在文本左侧添加一条表示引用的竖线
UnderlineSpan	给一段文字加上下划线
SubscriptSpan	脚注样式，比如化学式的常见写法
SuperscriptSpan	上标样式，比如数学上的次方运算
BulletSpan	文本着重样式，类似于HTML中的标签的圆点效果
DrawableMarginSpan/IconMarginSpan	图片+Margin样式
ImageSpan	图片样式，主要用于在文本中插入图片聊天中的emoji表情显示用的就是这个
MaskFilterSpan	文本滤镜目前只有模糊效果和浮雕效果
RasterizerSpan	光栅化

2. 第四个参数

Flags	意思	符号
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE	不包含start和end两端所在的端点	(a,b)
Spanned.SPAN_EXCLUSIVE_INCLUSIVE	不包含start端，但包含end所在的端点	(a,b]
Spanned.SPAN_INCLUSIVE_EXCLUSIVE	包含start端，但不包含end所在的端点	[a,b)
Spanned.SPAN_INCLUSIVE_INCLUSIVE	包含start和end两端所在的端点	[a,b]

3. 添加emoji代码

 public static void convert2RichText(String text, Spannable spannable, float scaleRate) {
    Pattern pattern = Pattern.compile("\[([0-9]+)\]");
    Matcher matcher = pattern.matcher(text);
    while (matcher.find()) {
        String emojiId = matcher.group(1);
        System.out.println("emojiId:" + emojiId);
        if (EMOJI_MAP.containsKey(emojiId)) {
            Drawable drawable = getEmojiDrawable(context, emojiId, scaleRate);
            int imageStartIndex = matcher.start();
            int imageEndIndex = matcher.end();
            ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BOTTOM);
            spannable.setSpan(span, imageStartIndex,imageEndIndex,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
        }
    }
}