Android TextView 富文本 SpannableString 与 SpannableStringBuilder

最新推荐文章于 2024-10-15 14:23:11 发布
最新推荐文章于 2024-10-15 14:23:11 发布
阅读量2.1k 收藏 1
点赞数 2
分类专栏： android 文章标签： SpannableString SpannableStringBuilder 富文本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxmy2012/article/details/79737756
版权

Android TextView 富文本 SpannableString 与 SpannableStringBuilder

单个TextView 要实现复杂的富文本效果，可借助SpannableString实现。
主要实现方法 SpannableString.setSpan(Object what, int start, int end, int flags)

what 参数，控制文本效果，主要有以下类型

  • BackgroundColorSpan 背景色
  • ClickableSpan 点击事件
  • ForegroundColorSpan 文本颜色（前景色）
  • MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)浮雕(EmbossMaskFilter)
  • MetricAffectingSpan 父类，一般不用
  • RasterizerSpan 光栅效果
  • StrikethroughSpan 删除线
  • SuggestionSpan 占位符
  • UnderlineSpan 下划线
  • AbsoluteSizeSpan 文本字体，绝对大小
  • DynamicDrawableSpan 设置图片，基于文本基线或底部对齐
  • ImageSpan 图片
  • RelativeSizeSpan 文本字体，相对大小
  • ReplacementSpan 父类，一般不用
  • ScaleXSpan 基于x轴缩放
  • StyleSpan 字体样式：粗体、斜体等
  • SubscriptSpan 下标（数学公式会用到）
  • SuperscriptSpan 上标（数学公式会用到）
  • TextAppearanceSpan 文本外貌（包括字体、大小、样式和颜色）
  • TypefaceSpan 文本字体
  • URLSpan 文本超链接

start、end 参数

start 指定span开始位置。包括该位置。
end 指定span结束位置，不包括该位置。

flags 参数，指定前后文本会不会用span样式

  • Spannable.SPAN_INCLUSIVE_EXCLUSIVE 前面用，后面不用
  • Spannable.SPAN_INCLUSIVE_INCLUSIVE 前后都会使用span样式
  • Spannable.SPAN_EXCLUSIVE_EXCLUSIVE 前后都不会使用span样式
  • Spannable.SPAN_EXCLUSIVE_INCLUSIVE 前面不用，后面用

基本使用效果

  • 背景色
    这里写图片描述
// 背景色
private void setBackgroundColor() {
    SpannableString spannableString = new SpannableString("测试用的文本修改字体背景颜色");
    //BackgroundColorSpan backSpan = new BackgroundColorSpan(Color.parseColor("#0000ff"));
    BackgroundColorSpan backSpan = new BackgroundColorSpan(Color.RED);
    //BackgroundColorSpan backSpan = new BackgroundColorSpan(CommonUtils.getColor(TestActivity.this, R.color.colorAccent));
    spannableString.setSpan(backSpan, 0, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);
}
  • 前景色
    这里写图片描述
// 前景色
private void setForegroundColor() {
    SpannableString spannableString = new SpannableString("测试用的文本修改字体前景颜色");
    //ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#ff0000"));
    //ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.BLUE);
    ForegroundColorSpan colorSpan = new ForegroundColorSpan(CommonUtils.getColor(TestActivity.this, R.color.colorAccent));
    spannableString.setSpan(colorSpan, 0, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv02.setText(spannableString);
}
  • 模糊
    这里写图片描述
// 修饰效果-模糊
private void setBlurMaskFilter() {
    // 注意：使用 MaskFilterSpan 修饰效果，需要关闭硬件加速，不然没有效果出来。
    // 在AndroidManifest.xml中对应的activity设置android:hardwareAccelerated="false"
    // 参看：https://stackoverflow.com/questions/46089196/how-to-using-android-spannablestring-and-maskfilterspan-to-blur-some-text-from-t

    SpannableString spannableString = new SpannableString("测试用的文本修饰效果之模糊测试");
    MaskFilterSpan blurSpan0 = new MaskFilterSpan(new BlurMaskFilter(20, BlurMaskFilter.Blur.NORMAL));
    MaskFilterSpan blurSpan4 = new MaskFilterSpan(new BlurMaskFilter(20, BlurMaskFilter.Blur.SOLID));
    MaskFilterSpan blurSpan8 = new MaskFilterSpan(new BlurMaskFilter(20, BlurMaskFilter.Blur.OUTER));
    MaskFilterSpan blurSpan12 = new MaskFilterSpan(new BlurMaskFilter(20, BlurMaskFilter.Blur.INNER));
    spannableString.setSpan(blurSpan0, 0, 2, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    spannableString.setSpan(blurSpan4, 4, 6, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    spannableString.setSpan(blurSpan8, 8, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    spannableString.setSpan(blurSpan12, 12, 14, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);
}
  • 删除线
    这里写图片描述
// 删除线
private void setStrikethroughSpan() {
    SpannableString spannableString = new SpannableString("测试用的文本加上删除线");
    StrikethroughSpan backSpan = new StrikethroughSpan();
    spannableString.setSpan(backSpan, 0, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);
}
  • 下划线
    这里写图片描述
// 下划线
private void setUnderlineSpan() {
    SpannableString spannableString = new SpannableString("测试用的文本加上下划线");
    UnderlineSpan span = new UnderlineSpan();
    spannableString.setSpan(span, 0, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);
}
  • 字体大小（绝对大小）
    这里写图片描述
// 字体大小（相对大小）
private void setRelativeSizeSpan() {
    SpannableString spannableString = new SpannableString("测试用的文本图片字体大小（相对大小）");
    RelativeSizeSpan span = new RelativeSizeSpan(1.5f);
    spannableString.setSpan(span, 0, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);
}
  • 基于x轴缩放
    这里写图片描述
// 基于x轴缩放
private void setScaleXSpan() {
    SpannableString spannableString = new SpannableString("测试用的文本基于x轴缩放");
    ScaleXSpan span = new ScaleXSpan(0.5f);
    spannableString.setSpan(span, 0, 1, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);

    SpannableString spannableString2 = new SpannableString("测试用的文本基于x轴缩放");
    for (int i = 0; i < spannableString2.length(); i++) {
        float proportion = (float) (0.5f + (0.1 * i));
        spannableString2.setSpan(new ScaleXSpan(proportion), i, i + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    }
    tv02.setText(spannableString2);
}
  • 加粗斜体
    这里写图片描述
// 加粗斜体
private void setStyleSpan() {
    SpannableString spannableString = new SpannableString("测试加粗测试斜体测试加粗斜体");
    // 加粗
    StyleSpan span = new StyleSpan(Typeface.BOLD);
    spannableString.setSpan(span, 2, 4, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

    // 斜体
    StyleSpan span2 = new StyleSpan(Typeface.ITALIC);
    spannableString.setSpan(span2, 6, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

    // 加粗斜体
    StyleSpan span3 = new StyleSpan(Typeface.BOLD_ITALIC);
    spannableString.setSpan(span3, 10, 14, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

    tv01.setText(spannableString);
}
  • 上标下标（数学公式会用到）
    这里写图片描述
// 上标下标（数学公式会用到）
private void setSubscriptSpan() {
    SpannableString spannableString = new SpannableString("测试用的文本2018");
    SuperscriptSpan span = new SuperscriptSpan();
    spannableString.setSpan(span, 6, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);

    SpannableString spannableString2 = new SpannableString("测试用的文本2018");
    SubscriptSpan span2 = new SubscriptSpan();
    spannableString2.setSpan(span2, 6, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv02.setText(spannableString2);
}
  • 文本外貌（包括字体、大小、样式和颜色） 
// 文本外貌（包括字体、大小、样式和颜色）
private void setTextAppearanceSpan() {
    SpannableString sstr = new SpannableString("测试文本修改字体修改大小修改样式修改颜色");
    ColorStateList csl = getResources().getColorStateList(R.color.red);

    TextAppearanceSpan span = new TextAppearanceSpan("default", android.graphics.Typeface.BOLD, 20, csl, null);
    sstr.setSpan(span, 0, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    tv01.setText(sstr);
}
  • 设置字体 
// 设置字体
private void setTypefaceSpan() {
    SpannableString spannableString = new SpannableString("测试用的文本");
    // "monospace", "serif", and "sans-serif".
    TypefaceSpan span = new TypefaceSpan("serif");
    spannableString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);
}
  • 设置链接
    这里写图片描述
// 设置链接
private void setURLSpan() {
    SpannableString spannableString = new SpannableString("测试用的文本这是链接地址");
    spannableString.setSpan(new URLSpan("https://baidu.com"), 0, 5, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);
    // 执行动作需要设置MovementMethod
    tv01.setMovementMethod(LinkMovementMethod.getInstance());
}
  • 点击事件
    这里写图片描述
// 设置点击事件
private void setClickableSpan() {
    SpannableString spannableString = new SpannableString("测试用的文本点击事件");
    ClickableSpan span = new ClickableSpan() {
        @Override
        public void onClick(View widget) {
            showToast("点一点");
        }
    };
    spannableString.setSpan(span, spannableString.length() - 4, spannableString.length(), Spannable.SPAN_INCLUSIVE_INCLUSIVE);
    tv01.setText(spannableString);
    // 执行动作需要设置MovementMethod
    tv01.setMovementMethod(LinkMovementMethod.getInstance());
}

参看：
https://blog.csdn.net/fengyuzhengfan/article/details/38459299
https://www.jianshu.com/p/f004300c6920

lxmy2012
关注
专栏目录
Android 解决TextView设置文本和富文本SpannableString自动换行留空白问题
01-18 2790
TextView设置文本和富文本换行留白问题效果图对比解决方案 效果图对比 下面是设置普通文本的效果对比图： 下面是设置富文本的效果对比图： 解决方案 重新测量文字宽度，设置换行： private void initAutoSplitTextView() { mTv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
android行空白,Android 解决TextView设置文本和富文本SpannableString自动换行留空白问题...
weixin_42361495的博客
06-02 1116
TextView设置文本和富文本换行留白问题效果图对比下面是设置普通文本的效果对比图： 下面是设置富文本的效果对比图： 解决方案重新测量文字宽度，设置换行：private void initAutoSplitTextView() {mTv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobal...
RichText:android textview的富文本
05-31
富文本 该库将带有自定义标签的字符串解析为Spannable字符串。 特征 超链接点击事件（带有按下的文本和背景颜色） 单击事件（带有按下的文本和背景颜色） 文字背景色 文字前景色 字体大小 文本样式（粗体、斜体） 文字字体 图像 当然，您可以使用 api addTypeSpan添加自定义字体范围。 安装 在您的项目级别build.gradle ： allprojects { repositories { ... maven { url " https://jitpack.io " } } } 在您的应用级别build.gradle ： dependencies { compile ' com.github.xymelon:richtext:1.0.11 ' } 使用自定义标签 TextView textVi
Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性
热门推荐
雪梦科技
09-16 4万+
在Android中，TextView是我们最常用的用来显示文本的控件。   一般情况下，TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体，大小，颜色，样式，以及超级链接等属性呢？下面我们通过SpannableString的具体实例操作
Android TextView实现一串文字特定几个字改变颜色
最新发布
子冉冰清的博客
10-15 690
遇到一个需求，让Android端实现给定一个字符串指定下标的几个字颜色与其他字颜色不一致。主要是用ForegroundColorSpan这个API来传入颜色值，用SpannableString来设置指定索引下标的字的颜色值。这里通过给定一个输入文字描述框，要求输入指定下标，输入格式类似于1,3,4,6。输入数字，同时用英文逗号隔开，只要点击按钮提交以后，则来改变显示的字体颜色。其中这里有个需要注意的是：如果需要多次变更字体颜色，需要把ForegroundColorSpan设置在循环体内。
android中TextView的SpannableString小结
郑海波(莫川)的CSDN博客
05-11 2810
文本消息更多yanghttp://developer.android.com/reference/android/text/style/package-summary.html
Android 富文本 SpannableStringBuilder 探究
X_sunmmer的博客
06-20 3789
今天为什么要说 SpannableStringBuilder 这个类呢 ，这还要从之前悲催的项目经历说起，原型是这样子的，我们主要看文本，其余暂时忽略当你看到图，是不是感觉很熟悉，因为他就是个服务条款跟隐私政策一样的勾选提交功能，如果不出意外的话，TextView 文本拼接，然后再添加上点击事件跳转，大功告成，但往往这时候都会出意外，这个服务条款很隐私政策是接口动态获取的，可能是一个也可能是两个，但此时我告诉你一个 TextView 即可搞定是不是很神奇？来看下本章最终的实现效果。
Android 学习 之 TextView结合SpannableString
12-22 163
protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.textview); TextView txtInfo =(TextView)findViewById(R.id.tv); ...
Android中的SpannableString与SpannableStringBuilder详解
08-29
这些类常用于TextView、EditText等UI组件，以实现富文本效果。例如，可以将一个部分文本设为红色，另一部分设为斜体，甚至插入图像来替换某些文字。 总结来说，SpannableString和SpannableStringBuilder提供了在...
TextView+SpannableString实现Android中富文本的显示及点击冲突解决
欢迎交流
05-30 2423
前言 最近项目中需要实现一个文章跟读效果的显示，还要能够点击文章中的单词能够弹出对话框显示单词的英美发音，那么如何实现这样的需求呢？当然是利用SpannableString啦，下面就结合项目中使用到的和参考其他博客的成果，整理一下常用的用法吧。 SpannableString其实很多方法和属性与String类似，只不过它比普通的字符串多了能够带有一些富文本属性，比如显示不同颜色、带下划线删除线...
Android TextView富文本的使用
smxueer的专栏
08-26 5133
做Android的都知道textView这个控件，在常用不过啦，都知道它可以显示不同 的颜色的文本，但是同一个textView 控件，同一段文字能够根据 自己的需要显示 不同的颜色、识别emoj如同请求表情、网页中的图片、html标签的富文本等；之前自己也多次在项目中用到过，今天做下简单的总结，也希望对其他朋友有所帮助。 首先是识别html中各种标签： 1）html中常用的标签： HTML
TextView富文本显示
08-26
支持html标签显示
Android-TextView换行排版混乱-允许设置SpannableString
01-14
解决TextView自动换行的排版混乱 允许设置SpannableString等特殊属性 至繁归于至简
Android代码-让 TextView SpannableStringBuilder变得更加容易
08-06
Spanny A helper class that extends SpannableStringBuilder and adds methods to easily mark the text with multiple spans. Download You can just copy the class to your project or grab it via Gradle: compile 'com.binaryfork:spanny:1.0.4' Usage Use .append(text, span) to add and mark the text with any span: Spanny spanny = new Spanny("Underline text", new UnderlineSpan()) .append("nRed text", new ForegroundColorSpan(Color.RED)) .append("nPlain text"); textView.setText
SpannableStringBuilder让TextView实现炫酷效果
01-16
SpannableStringBuilder让TextView实现炫酷效果
TextView中使用富文本
01-03
TextView中使用富文本 文章目录TextView中使用富文本1.Html.fronHtml2.SpannableString2.1 .setSpan()方法2.2 可设置的格式 1.Html.fronHtml 布局： 代码： val str = Hello World! test_text_view.text=Html.fromHtml(str, Html.FROM_HTML_MODE_LEGACY) 效果： 其他： public static Spanned fromHtml(String source, int flags) { return fromHtml(s
Android TextView富文本
MoMo_KUA_1的专栏
09-18 3779
最近在学习android，之前学了几天发现过了几天都忘了，还是要记录一下，以后会把学到的东西记录一下，以备以后使用 今天看了 罗老师 的是视频 学习了 android TextView 的富文本  做个简单的记录 main.xml 文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
Android TextView 富文本之 android.text.style.xxxSpan
weixin_34335458的博客
03-03 464
前言 最近一直在做 TextView 富文本处理的工作，接触到了比较纤细的粗、字体颜色、内联图片、处理 ellipsize、LinkMovementMethod 的坑和ClickableSpan 的点击事件等问题，经过查资料、看源码和做实验三连之后，对 Android TextView 的富文本处理有了小小的体会，写篇博客总结下自己的收获，日后在遇到类似问题也方便回顾。 android.text....
Android TextView SpannableString样式详解
滴水穿石，点石为金
08-18 1473
的
Android SpannableString与SpannableStringBuilder深度解析
在Android开发中，`SpannableString`和`SpannableStringBuilder`是两个重要的类，用于处理可变的字符串对象，与基本的`String`类有所不同。它们的主要特点是能够为存储的文本添加各种格式或样式，如下划线、背景色、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值