文档章节

SpannableString、SpannableStringBuilder与String的关系

z
 zlvsdyh
发布于 2015/02/28 18:00
字数 1712
阅读 52
收藏 0

一、概述


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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在CODE上查看代码片派生到我的代码片

  1. SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");    

  2. AbsoluteSizeSpan span = new AbsoluteSizeSpan(16);    //字体大小

  3. RelativeSizeSpan span1 = new RelativeSizeSpan(1.5f);   //原字体的倍数

  4. spanString.setSpan(span, 2, 5, Spannable.SPAN_INCLUSIVE_INCLUSIVE);    

  5. editText.setText(spanString);   


4、粗体、斜体(StyleSpan)

[java] view plaincopy在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 plaincopy在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 plaincopy在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 plaincopy在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字符串来显示

8.自定义

sString = new SpannableString("喜欢了你的专辑 “" + message.title + "”");
                    sString.setSpan(new MyURLSpan(0, message.dataId), sString.length() - message.title.length() - 1, sString.length() - 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                    tvContent.setAutoLinkMask(Linkify.ALL);
                    tvContent.setMovementMethod(LinkMovementMethod.getInstance());
                    tvContent.setText(sString);

class MyURLSpan extends ClickableSpan{
        private long mTrackId;
        private long mAlbumIb;

        public MyURLSpan(long trackId, long albumId) {
            mTrackId = trackId;
            mAlbumIb = albumId;
        }
        @Override
        public void onClick(View widget) {
            if (mTrackId != 0){
                TrackDownDetailMapActivity.launch(context,mTrackId,true);
            }else if (mAlbumIb != 0){
                TrackAlbumDetailActivity.launchActivity(context,mAlbumIb);
            }
        }
    }

9.url

SpannableString sString;
                            String str = getString(R.string.team_share_text1).replace("{a}", zTeamInfoApp.name);
                            String teamIds = null;
                            String shareTargetUrl = null;

                            teamIds = DESCoder.encode2(Integer.toString((int) zTeamInfoApp.zTeamId)).trim();
                            try {
                                teamIds = URLEncoder.encode(teamIds, "UTF-8");
                            } catch (UnsupportedEncodingException e) {
                                e.printStackTrace();
                            }
                            if (teamIds != null) {
                                //shareTargetUrl = "http://www.2.com/share/share_team.htm?teamId=" + teamIds;
                                shareTargetUrl = "http:///tbl/share/share_team.htm?teamId=" + teamIds;
                                // shareTargetUrl = "http://:8080/tbl/share/share_team.htm?teamId=" + teamIds;

                            }
                            sString = new SpannableString(str + shareTargetUrl);

                            sString.setSpan(new URLSpan(shareTargetUrl),
                                    str.length(), sString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                            send(TeamsDataActivity.this, sString.toString(), item);



本文转载自:

共有 人打赏支持
z
粉丝 0
博文 4
码字总数 516
作品 0
深圳
私信 提问
TextView设置部分或指定背景色和字体颜色

前言 TextView设置部分或指定背景色和字体颜色应该算是开发中经常用到且不被熟悉的用法,今天就简单的记录下他的用法 效果图 代码 SpannableStringBuilder SpannableString、SpannableString...

侯蛋蛋_
2017/12/27
0
0
SpannableString与SpannableStringBuilder

一、概述 1、SpannableString、SpannableStringBuilder与String的关系 首先SpannableString、SpannableStringBuilder基本上与String差不多,也是用来存储字符串,但它们俩的特殊就在于有一个...

菜南瓜
2015/05/18
0
0
Android项目实战(一): SpannableString与SpannableStringBuilder(转)

前言: 曾经在一些APP中的一些类似“帮助”“关于”的界面看过一行文字显示不同的颜色的效果,如下效果: 本软件是一款高、大、上的社区类软件。 一般来说,这应该是由一个TextView来显示的,...

听着music睡
2014/11/13
0
0
Android 富文本装饰器Spannable

一、Spannable简介 Android中为了让TextView实现富文本信息来简化实现某些特定的样式,需要借助Spannable的子类或者SpannableStringBuilder实现。 在Android中最原始的显示富文本的方式是使用...

IamOkay
2014/11/12
0
0
SpannableString文本多样化设置

转载地址 什么是SpannableString? SpannableString其实和String一样,都是一种字符串类型,同样TextView也可以直接设置SpannableString作为显示文本,不同的是SpannableString可以通过使用其...

王先森oO
07/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

程序中设置MySQL的默认值

import com.alibaba.fastjson.JSON;import java.beans.PropertyDescriptor;import java.lang.annotation.*;import java.lang.reflect.Field;import java.lang.reflect.Method;impo......

laolin23
28分钟前
2
0
WordPress没有上级目录的写权限

sudo chmod -R 777 wordpress/wp-content

临江仙卜算子
35分钟前
4
0
大数据学习之大数据技术笔记—spring入门

篇一 spring介绍 spring.io 官网 快速开始 Aop 面向切面编程,可以任何位置,并且可以细致到方法上 连接框架与框架 Spring 就是 IOC AOP 思想 有效的组织中间层对象一般都是切入 service 层 ...

董黎明
37分钟前
5
0
ASP.NET Core MVC 静态文件配置

在启动文件中添加以下配置 public class Startup{ public IServiceProvider ConfigureServices(IServiceCollection services) { services.AddDirectoryBrowser(); ......

whltian
今天
2
0
linux之自定义命令

本人使用的是ubuntu系统,不喜欢建各种桌面快捷链接,但是每次启动个软件,去查找又麻烦,所以自定义了命令,来快捷的启动应用: 1、修改/etc/bash.bashrc,在文件末尾,加上如下List-1中的内...

克虏伯
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部