SpannableString的用法

2024-02-11 04:18
文章标签 用法 spannablestring

本文主要是介绍SpannableString的用法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、概述


1、SpannableString、SpannableStringBuilder与String的关系

首先SpannableString、SpannableStringBuilder基本上与String差不多，也是用来存储字符串，但它们俩的特殊就在于有一个SetSpan（）函数，能给这些存储的String添加各种格式或者称样式（Span），将原来的String以不同的样式显示出来，比如在原来String上加下划线、加背景色、改变字体颜色、用图片把指定的文字给替换掉，等等。所以，总而言之，SpannableString、SpannableStringBuilder与String一样， 首先也是传字符串，但SpannableString、SpannableStringBuilder可以对这些字符串添加额外的样式信息，但String则不行。

注意：如果这些额外信息能被所用的方式支持，比如将SpannableString传给TextView；也有对这些额外信息不支持的，比如前一章讲到的Canvas绘制文字，对于不支持的情况，SpannableString和SpannableStringBuilder就是退化为String类型，直接显示原来的String字符串，而不会再显示这些附加的额外信息。


2、SpannableString与SpannableStringBuilder区别

它们的区别在于 SpannableString像一个String一样，构造对象的时候传入一个String，之后再无法更改String的内容，也无法拼接多个 SpannableString；而SpannableStringBuilder则更像是StringBuilder，它可以通过其append()方法来拼接多个String：

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. //使用SpannableString，必须一次传入，构造完成  
  2. SpannableString word = new SpannableString("欢迎光临Harvic的博客");  
  3.   
  4. //使用SpannableStringBuilder,可以使用append()再添加  
  5. SpannableStringBuilder multiWord = new SpannableStringBuilder();  
  6. multiWord.append("欢迎光临");  
  7. multiWord.append("Harvic的");  
  8. multiWord.append("博客");  

（转自博客：《android - SpannableString或SpannableStringBuilder以及string.xml文件中的整型和string型代替》）

因为Spannable等最终都实现了CharSequence接口，所以可以直接把SpannableString和SpannableStringBuilder通过TextView.setText()设置给TextView。

3、SetSpan（）

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

函数意义：给SpannableString或SpannableStringBuilder特定范围的字符串设定Span样式，可以设置多个（比如同时加上下划线和删除线等），Falg参数标识了当在所标记范围前和标记范围后紧贴着插入新字符时的动作，即是否对新插入的字符应用同样的样式。（这个后面会具体举例说明）

参数说明：

object what ：对应的各种Span，后面会提到；
int start：开始应用指定Span的位置，索引从0开始
int end：结束应用指定Span的位置，特效并不包括这个位置。比如如果这里数为3（即第4个字符），第4个字符不会有任何特效。从下面的例子也可以看出来。
int flags：取值有如下四个
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE：前后都不包括，即在指定范围的前面和后面插入新字符都不会应用新样式 
Spannable.SPAN_EXCLUSIVE_INCLUSIVE：前面不包括，后面包括。即仅在范围字符的后面插入新字符时会应用新样式
Spannable.SPAN_INCLUSIVE_EXCLUSIVE：前面包括，后面不包括。
Spannable.SPAN_INCLUSIVE_INCLUSIVE：前后都包括。

举个例子来说明这个前后包括的问题：

由于Flag的作用是用来指定范围前后输入新的字符时，会不会应用效果的，所以我们利用EditText来显示SpannableString

(1)、布局XML中加入一个EditText控件：

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     tools:context="com.example.try_spannable_blog.MainActivity" >  
  6.   
  7.     <EditText  
  8.         android:id="@+id/edit"  
  9.         android:layout_width="wrap_content"  
  10.         android:layout_height="wrap_content" />  
  11.   
  12. </RelativeLayout>  
（2）、这里用一个改变字体颜色的Span来做下演示
[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public class MainActivity extends Activity {  
  2.       
  3.     private EditText editText;    
  4.     @Override  
  5.     protected void onCreate(Bundle savedInstanceState) {  
  6.         super.onCreate(savedInstanceState);  
  7.         setContentView(R.layout.activity_main);  
  8.           
  9.         editText = (EditText)findViewById(R.id.edit);  
  10.           
  11.         //改变字体颜色  
  12.         //先构造SpannableString  
  13.         SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    
  14.        //再构造一个改变字体颜色的Span  
  15.         ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);    
  16.         //将这个Span应用于指定范围的字体  
  17.         spanString.setSpan(span, 1, 3, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);    
  18.         //设置给EditText显示出来  
  19.         editText.setText(spanString);  
  20.     }  
  21. }  
初始化效果是这样的：

分别在设置Span的前面和后面加入新文字，结果是这样的


在前面和后面都加入虾米两个字，可见，前面的虾米没有任何效果，后面的则不同，添加上相同的Span特效，这是由于我们设置了Spannable.SPAN_EXCLUSIVE_INCLUSIVE的原因，即（前面不应用特效，后面应用特效），其它几个Flags参数的含义想必大家也都清楚了。在此就不再赘述。


二、各种Span设置

在前面的一个小示例，大家应该也可以看出，要应用一个Span总共分三步：
1、构造String
2、构造Span
3、利用SetSpan（）对指定范围的String应用这个Span

1、字体颜色设置（ForegroundColorSpan）

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    
  2. //再构造一个改变字体颜色的Span  
  3. ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);    
  4. //将这个Span应用于指定范围的字体  
  5. spanString.setSpan(span, 1, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);    
  6. //设置给EditText显示出来  
  7. editText.setText(spanString);  
效果：

2、字体背景颜色（BackgroundColorSpan）

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    
  2. BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW);    
  3. spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  4. editText.setText(spanString);    

3、字体大小（AbsoluteSizeSpan）

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    
  2. AbsoluteSizeSpan span = new AbsoluteSizeSpan(16);    
  3. spanString.setSpan(span, 2, 5, Spannable.SPAN_INCLUSIVE_INCLUSIVE);    
  4. editText.setText(spanString);   

4、粗体、斜体（StyleSpan）

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    
  2. StyleSpan span = new StyleSpan(Typeface.BOLD_ITALIC);    
  3. spanString.setSpan(span, 1, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  4. editText.setText(spanString);   

5、删除线（StrikethroughSpan）

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    
  2. StrikethroughSpan span = new StrikethroughSpan();    
  3. spanString.setSpan(span, 2, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  4. editText.setText(spanString);   

6、下划线（UnderlineSpan）

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    
  2. UnderlineSpan span = new UnderlineSpan();    
  3. spanString.setSpan(span, 1, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  4. editText.setText(spanString);   


7、图片置换（ImageSpan）

ImagSpan有很多构造函数，一般是通过传入Drawableg来构造，详细的构造说明看这里：http://developer.android.com/reference/android/text/style/ImageSpan.html

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    
  2. Drawable d = getResources().getDrawable(R.drawable.ic_launcher);    
  3. d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());    
  4. ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);    
  5. spanString.setSpan(span, 2, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  6. editText.setText(spanString);   

这个函数的不同之处在于，前几都是在原来文字的基础上加上特效，而这里却是利用图片将文字替换。如果遇到不支持显示图片的函数，比如前一篇中的canvas绘图。就会退化成String，即以原来的String字符串来显示。

补充：ClickableSpan，控制点击

@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    TextView txt = (TextView)findViewById(R.id.main_txt);
    txt.setOnClickListener(new View.OnClickListener() {@Override
        public void onClick(View v) {Toast.makeText(MainActivity.this,"请注意，这是点击的部分",Toast.LENGTH_SHORT).show();
        }});
    SpannableString spanStr = new SpannableString("请注意，这是点击的部分");
    spanStr.setSpan(new MyClickableSpan(),0,4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

    txt.setText(spanStr);
    txt.setMovementMethod(LinkMovementMethod.getInstance());
    //txt.setFocusable(true);

}
class MyClickableSpan extends ClickableSpan{@Override
    public void updateDrawState(TextPaint ds) {super.updateDrawState(ds);
        ds.setUnderlineText(false);
        ds.setColor(Color.BLUE);
    }@Override
    public void onClick(View widget) {Toast.makeText(MainActivity.this, "请注意", Toast.LENGTH_SHORT).show();
    }
}

本篇文章所涉及到图片及工程下载地址：http://download.csdn.net/detail/harvic880925/7854761


请大家尊重原创者版权，转载请标明出处：http://blog.csdn.net/harvic880925/article/details/38984705 谢谢！

这篇关于SpannableString的用法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/698804。

相关文章

Springboot中Jackson用法详解

Springboot中Jackson用法详解

《Springboot中Jackson用法详解》Springboot自带默认json解析Jackson,可以在不引入其他json解析包情况下,解析json字段,下面我们就来聊聊Springboot中J... 目录前言Jackson用法将对象解析为json字符串将json解析为对象将json文件转换为json
阅读更多...
bytes.split的用法和注意事项

bytes.split的用法和注意事项

当然，我很乐意详细介绍 bytes.Split 的用法和注意事项。这个函数是 Go 标准库中 bytes 包的一个重要组成部分，用于分割字节切片。 基本用法 bytes.Split 的函数签名如下： func Split(s, sep []byte) [][]byte s 是要分割的字节切片sep 是用作分隔符的字节切片返回值是一个二维字节切片，包含分割后的结果 基本使用示例： pa
阅读更多...
UVM：callback机制的意义和用法

UVM：callback机制的意义和用法

1. 作用         Callback机制在UVM验证平台，最大用处就是为了提高验证平台的可重用性。在不创建复杂的OOP层次结构前提下，针对组件中的某些行为，在其之前后之后，内置一些函数，增加或者修改UVM组件的操作，增加新的功能，从而实现一个环境多个用例。此外还可以通过Callback机制构建异常的测试用例。 2. 使用步骤         （1）在UVM组件中内嵌callback函
阅读更多...
这些ES6用法你都会吗?

这些ES6用法你都会吗?

一 关于取值 取值在程序中非常常见,比如从对象obj中取值 const obj = {a:1b:2c:3d:4} 吐槽: const a = obj.a;const b = obj.b;const c = obj.c;//或者const f = obj.a + obj.b;const g = obj.c + obj.d; 改进:用ES6解构赋值
阅读更多...
2021-8-14 react笔记-2 创建组件 基本用法

2021-8-14 react笔记-2 创建组件 基本用法

1、目录解析 public中的index.html为入口文件 src目录中文件很乱，先整理文件夹。 新建components 放组件 新建assets放资源   ->/images      ->/css 把乱的文件放进去  修改App.js 根组件和index.js入口文件中的引入路径 2、新建组件 在components文件夹中新建[Name].js文件 //组件名首字母大写
阅读更多...
Cmake之3.0版本重要特性及用法实例(十三)

Cmake之3.0版本重要特性及用法实例(十三)

简介： CSDN博客专家、《Android系统多媒体进阶实战》一书作者 新书发布：《Android系统多媒体进阶实战》🚀 优质专栏： Audio工程师进阶系列【原创干货持续更新中……】🚀 优质专栏： 多媒体系统工程师系列【原创干货持续更新中……】🚀 优质视频课程：AAOS车载系统+AOSP14系统攻城狮入门视频实战课 🚀 人生格言： 人生从来没有捷径，只有行动才是治疗恐惧
阅读更多...
关于断言的部分用法

关于断言的部分用法

1、带变量的断言  systemVerilog assertion 中variable delay的使用，##[variable]，带变量的延时(可变延时)_assertion中的延时-CSDN博客 2、until 的使用 systemVerilog assertion 中until的使用_verilog until-CSDN博客 3、throughout的使用   常用于断言和假设中的
阅读更多...
ExpandableListView的基本用法

ExpandableListView的基本用法

QQ上的好友列表在Android怎么实现，有一个最简单的方法，那就是ExpandableListView，下面简单介绍一下ExpandableListview的用法。 先看看效果图，没有找到大小合适的图片，所以凑合着看吧。     一、准备工作（界面，和需要的数据）             <? xml   version = "1.0"   encoding =
阅读更多...
Hbase 查询相关用法

Hbase 查询相关用法

Hbase 查询相关用法 public static void main(String[] args) throws IOException {//Scan类常用方法说明//指定需要的family或column ，如果没有调用任何addFamily或Column，会返回所有的columns； // scan.addFamily(); // scan.addColumn();// scan.se
阅读更多...
BeanUtils.copyProperties()在不同包下，用法不同！！！ 切记！！！

BeanUtils.copyProperties()在不同包下，用法不同！！！ 切记！！！

用法一： 在import org.springframework.beans.BeanUtils;包下： <span style="white-space:pre"> </span>//赋值vo对象的值到po中 <span style="white-space:pre"> </span>/** <span style="white-space:pre"> </span>* <spa
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2