SpannableString其实和String一样，都是一种字符串类型，SpannableString可以直接作为TextView的显示文本，不同的是SpannableString可以通过使用其方法setSpan方法实现字符串各种形式风格的显示,重要的是可以指定设置的区间，也就是为字符串指定下标区间内的子字符串设置格式。

setSpan(Object what, int start, int end, int flags)方法需要用户输入四个参数，what表示设置的格式是什么，可以是前景色、背景色也可以是可点击的文本等等，start表示需要设置格式的子字符串的起始下标，同理end表示终了下标，flags属性就有意思了，共有四种属性：

Spanned.SPAN_INCLUSIVE_EXCLUSIVE 从起始下标到终了下标，包括起始下标
Spanned.SPAN_INCLUSIVE_INCLUSIVE 从起始下标到终了下标，同时包括起始下标和终了下标
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE 从起始下标到终了下标，但都不包括起始下标和终了下标
Spanned.SPAN_EXCLUSIVE_INCLUSIVE 从起始下标到终了下标，包括终了下标

SpannableString的setSpan()方法可以同时使用多个，实现多种效果叠加。

package com.loaderman.androiddemo;

import android.content.Intent;

import android.graphics.Color;

import android.graphics.Typeface;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.text.SpannableString;

import android.text.Spanned;

import android.text.TextPaint;

import android.text.method.LinkMovementMethod;

import android.text.style.BackgroundColorSpan;

import android.text.style.ClickableSpan;

import android.text.style.ForegroundColorSpan;

import android.text.style.ImageSpan;

import android.text.style.RelativeSizeSpan;

import android.text.style.StrikethroughSpan;

import android.text.style.StyleSpan;

import android.text.style.SubscriptSpan;

import android.text.style.SuperscriptSpan;

import android.text.style.URLSpan;

import android.text.style.UnderlineSpan;

import android.view.View;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        TextView tv1 = findViewById(R.id.tv1);

        TextView tv2 = findViewById(R.id.tv2);

        TextView tv3 = findViewById(R.id.tv3);

        TextView tv4 = findViewById(R.id.tv4);

        TextView tv5 = findViewById(R.id.tv5);

        TextView tv6 = findViewById(R.id.tv6);

        TextView tv7 = findViewById(R.id.tv7);

        TextView tv8 = findViewById(R.id.tv8);

        TextView tv9 = findViewById(R.id.tv9);

        TextView tv10 = findViewById(R.id.tv10);

        TextView tv11 = findViewById(R.id.tv11);

        //设置字体前景色

        SpannableString spannableString1 = new SpannableString("设置文字的前景色为淡蓝色");

        ForegroundColorSpan colorSpan1 = new ForegroundColorSpan(Color.parseColor("#0099EE"));

        spannableString1.setSpan(colorSpan1, 9, spannableString1.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv1.setText(spannableString1);

        //设置字体背景色

        SpannableString spannableString2 = new SpannableString("设置文字的背景色为淡绿色");

        BackgroundColorSpan colorSpan2 = new BackgroundColorSpan(Color.parseColor("#AC00FF30"));

        spannableString2.setSpan(colorSpan2, 9, spannableString2.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv2.setText(spannableString2);

        //设置字体大小

        SpannableString spannableString3 = new SpannableString("万丈高楼平地起");

        RelativeSizeSpan sizeSpan01 = new RelativeSizeSpan(1.2f);

        RelativeSizeSpan sizeSpan02 = new RelativeSizeSpan(1.4f);

        RelativeSizeSpan sizeSpan03 = new RelativeSizeSpan(1.6f);

        RelativeSizeSpan sizeSpan04 = new RelativeSizeSpan(1.8f);

        RelativeSizeSpan sizeSpan05 = new RelativeSizeSpan(1.6f);

        RelativeSizeSpan sizeSpan06 = new RelativeSizeSpan(1.4f);

        RelativeSizeSpan sizeSpan07 = new RelativeSizeSpan(1.2f);

        spannableString3.setSpan(sizeSpan01, 0, 1, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        spannableString3.setSpan(sizeSpan02, 1, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        spannableString3.setSpan(sizeSpan03, 2, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        spannableString3.setSpan(sizeSpan04, 3, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        spannableString3.setSpan(sizeSpan05, 4, 5, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        spannableString3.setSpan(sizeSpan06, 5, 6, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        spannableString3.setSpan(sizeSpan07, 6, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv3.setText(spannableString3);

        //设置删除线

        SpannableString spannableString4 = new SpannableString("为文字设置删除线");

        StrikethroughSpan strikethroughSpan4 = new StrikethroughSpan();

        spannableString4.setSpan(strikethroughSpan4, 5, spannableString4.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv4.setText(spannableString4);

        //设置下划线

        SpannableString spannableString5 = new SpannableString("为文字设置下划线");

        UnderlineSpan underlineSpan5 = new UnderlineSpan();

        spannableString5.setSpan(underlineSpan5, 5, spannableString5.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv5.setText(spannableString5);

        //设置上标

        SpannableString spannableString6 = new SpannableString("为文字设置上标");

        SuperscriptSpan superscriptSpan6 = new SuperscriptSpan();

        spannableString6.setSpan(superscriptSpan6, 5, spannableString6.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv6.setText(spannableString6);

        // 设置下标

        SpannableString spannableString7 = new SpannableString("为文字设置下标");

        SubscriptSpan subscriptSpan7 = new SubscriptSpan();

        spannableString7.setSpan(subscriptSpan7, 5, spannableString7.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv7.setText(spannableString7);

        //设置粗体和斜体

        SpannableString spannableString8 = new SpannableString("为文字设置粗体、斜体风格");

        StyleSpan styleSpan_B = new StyleSpan(Typeface.BOLD);

        StyleSpan styleSpan_I = new StyleSpan(Typeface.ITALIC);

        spannableString8.setSpan(styleSpan_B, 5, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        spannableString8.setSpan(styleSpan_I, 8, 10, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv8.setHighlightColor(Color.parseColor("#36969696"));

        tv8.setText(spannableString8);

        //设置图片表情等

        SpannableString spannableString9 = new SpannableString("在文本中添加表情（表情）");

        Drawable drawable9 = getResources().getDrawable(R.mipmap.a9c);

        drawable9.setBounds(0, 0, 42, 42);

        ImageSpan imageSpan9 = new ImageSpan(drawable9);

        spannableString9.setSpan(imageSpan9, 6, 8, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv9.setText(spannableString9);

        //设置点击事件

        SpannableString spannableString10 = new SpannableString("为文字设置点击事件");

        MyClickableSpan clickableSpan = new MyClickableSpan("https://www.cnblogs.com/loaderman/");

        spannableString10.setSpan(clickableSpan, 5, spannableString10.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv10.setMovementMethod(LinkMovementMethod.getInstance());

        tv10.setHighlightColor(Color.parseColor("#36969696"));

        tv10.setText(spannableString10);

        //设置超链接

        SpannableString spannableString11 = new SpannableString("为文字设置超链接");

        URLSpan urlSpan11 = new URLSpan("https://www.cnblogs.com/loaderman/");

        spannableString11.setSpan(urlSpan11, 5, spannableString11.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

        tv11.setMovementMethod(LinkMovementMethod.getInstance());

        tv11.setHighlightColor(Color.parseColor("#36969696"));

        tv11.setText(spannableString11);

    }

    class MyClickableSpan extends ClickableSpan {

        private String content;

        public MyClickableSpan(String content) {

            this.content = content;

        }

        @Override

        public void updateDrawState(TextPaint ds) {

            ds.setUnderlineText(false);

        }

        @Override

        public void onClick(View widget) {

            Intent intent = new Intent(MainActivity.this, OtherActivity.class);

            Bundle bundle = new Bundle();

            bundle.putString("content", content);

            intent.putExtra("bundle", bundle);

            startActivity(intent);

        }

    }

}

效果

android中SpannableString之富文本显示效果的更多相关文章

  1. 安卓开发中SpannableString之富文本显示效果

    SpannableString其实和String一样,都是一种字符串类型,SpannableString可以直接作为TextView的显示文本,不同的是SpannableString可以通过使用其方法 ...

  2. Android 图片混排富文本编辑器控件

    概述 一个Android 图片混排富文本编辑器控件(仿兴趣部落) 详细 代码下载:http://www.demodashi.com/demo/12032.html 一.一个Android 图片混排富文 ...

  3. MVC3中如何输出富文本

    MVC3中如何输出富文本 在网站的文本输出中,经常会将DB里的文本输出到页面上. 一般来说是直接利用MVC3中的ViewBag将文本带到前台并表示, 或是是直接以<%:model.data%&g ...

  4. 微信小程序中显示html富文本的方法

    微信小程序中显示html富文本的方法 使用方法:git地址:https://github.com/icindy/wxParse 一.下载wxParse文件 二.在要引入的页面的js文件中,引入文件 j ...

  5. Android 使用SpannableString显示复合文本

    http://blog.csdn.net/feizhixuan46789/article/details/10334441 http://www.th7.cn/Program/Android/2014 ...

  6. android 记一次富文本加载之路

    文章链接:https://mp.weixin.qq.com/s/69TRkmFL1aNuSqfw4ULMJw 项目中经常涉及到富文本的加载,后台管理端编辑器生成的一段html 代码要渲染到移动端上面, ...

  7. django中使用tinymce 富文本

    django后台集成富文本编辑器Tinymce  安装方式一: 1.首先去python的模块包的网站下载一个django-tinymce的包 https://pypi.python.org/pypi/ ...

  8. 对于MVC中应用百度富文本编辑器问题的解决办法

    1.对于应用富文本编辑器post提交表单内容提示有危险的解决办法: [ValidateInput(false)] //文本编辑器的表单提交不用提示危险 [HttpPost] public Action ...

  9. 【有人@我】Android中高亮变色显示文本中的关键字

    应该是好久没有写有关技术类的文章了,前天还有人在群里问我,说群主很长时间没有分享干货了,今天分享一篇Android中TextView在大段的文字内容中如何让关键字高亮变色的文章 ,希望对大家有所帮助, ...

随机推荐

  1. wxpython中设置radiobox相关使用

    #coding=utf-8 import wx class MyFrame(wx.Frame): def __init__(self): wx.Frame.__init__(self,None,-1, ...

  2. k8s的日志

    日志   • K8S系统的组件日志 • K8SCluster里面部署的应用程序日志   方案一:Node上部署一个日志收集程序 • DaemonSet方式部署日志收集程序 • 对本节点/var/log ...

  3. python学习之正则表达式,StringIO模块,异常处理,搭建测试环境

    python正则表达式 引入一个强大的匹配功能来匹配字符串 import re 正则表达式的表示类型raw string类型(原生字符串类型) r'sa\\/sad/asd'用r转为raw strin ...

  4. python学习之模块导入,操作邮件,redis

    python基础学习06 模块导入 导入模块的顺序 1.先从当前目录下找 2.当前目录下找不到,再从环境变量中找,如果在同时在当前目录和环境变量中建立相同的py文件,优先使用当前目录下的 导入模块的实 ...

  5. .NET Core 初体验

    .NET Core 作为微软的开源项目,neter 们对之的期待还是挺大的. 以前也看过,接触过,摸索建了几个示例项目,今天就罗列下自己的初体验. .NET Core 安装.帮助等 安装的话,直接官网 ...

  6. 《少年先疯队》第七次作业：团队项目设计完善&编码

    博文简要信息表: 项目 内容 软件工程 https://www.cnblogs.com/nwnu-daizh/ 本次实验链接地址 https://www.cnblogs.com/nwnu-daizh/ ...

  7. 使一个div元素上下左右居中

    第一种方法 浮动流自我调节 .box{ widht:200px; height:200px; position:relative; } .box .son{ width:100px; height:1 ...

  8. MongoDB-3.2 oplog删除策略优化

    MongoDB oplog是一个capped collection,创建capped collection时,createCollection可以设置size(最大字节数)和max(最大文档数)的参数 ...

  9. 百度UEditor编辑器从word粘贴公式

    官网地址http://ueditor.baidu.com Git 地址 https://github.com/fex-team/ueditor 参考博客地址 http://blog.ncmem.com ...

  10. 数据库删除数据 truncate 与 delete

    delete from table where 直接删除表中的某一行数据,并且同时将该行的删除操作作为事务记录在日志中保存以便进行进行回滚操作.所以delete相比较truncate更加占用资源,数据 ...