文档章节

SpannableString、SpannableStringBuilder与String的关系

z
 zlvsdyh
发布于 2015/02/28 18:00
字数 1712
阅读 51
收藏 0
点赞 0
评论 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

SpannableString与SpannableStringBuilder

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

菜南瓜 ⋅ 2015/05/18 ⋅ 0

Android项目实战(一): SpannableString与SpannableStringBuilder(转)

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

听着music睡 ⋅ 2014/11/13 ⋅ 0

android 多彩文本实现

android ---spannableStringBuilder 带有n换行符的字符串都可以用此方法显示2种颜色 @param text @param color1 @param color2 @return 关键字高亮显示...

冯京宝 ⋅ 2012/06/14 ⋅ 0

Android图文混排实现方式详解

在使用TextView的时候,我们经常需要在TextView中进行图文混排,比如在QQ中聊天的消息中的表情,底部tab图标等。 一、场景 二、实现方式 Android官方对TextView的图文混排提供了支持,我们可...

Ruheng ⋅ 2017/08/31 ⋅ 0

Android图文混排实现方式详解

在使用TextView的时候,我们经常需要在TextView中进行图文混排,比如在QQ中聊天的消息中的表情,底部tab图标等。 一、场景 二、实现方式 Android官方对TextView的图文混排提供了支持,我们可...

Ruheng ⋅ 2017/08/30 ⋅ 0

android在文本框中输入和显示表情

public void inputFace(EditText contentEdt, int position, Context context) { int index = contentEdt.getSelectionStart(); int drawId = ToolUtils.faceId[position]; String string = ......

open_虎皮猫 ⋅ 2015/11/30 ⋅ 0

实现EditText内容显示为格式化文字效果(文字一块一块的显示)

由于项目需求,要实现在EditText以小椭圆显示用户名称,删除时也能将单个的用户名完全删除。在网上查询资料,才知道这类的效果可以依靠Spannable来完成。招到了2个参考的资料,分享给大家htt...

cywaker ⋅ 2013/12/05 ⋅ 0

Emoji表情解析

接收的数据,需要先获取 str 转换成 Unicode code 格式编码集,java中使用UTF-16来保存unicode编码,然后通过SpannableStringBuilder来匹配替换 public static SpannableStringBuilder conve...

stone_fan ⋅ 2013/11/08 ⋅ 0

TextView的日常使用技巧

Textview在日常开发工作中使用非常频繁,在这里简单总结一下其比较重要的用法。目标是设置textview的中一段文字的显示属性,例如指定文字要下划线显示(@XXX、#XXX#),文字替换成图片,文字...

zhiweiofli ⋅ 2013/07/05 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

十五周二次课

十五周二次课 17.1mysql主从介绍 17.2准备工作 17.3配置主 17.4配置从 17.5测试主从同步 17.1mysql主从介绍 MySQL主从介绍 MySQL主从又叫做Replication、AB复制。简单讲就是A和B两台机器做主...

河图再现 ⋅ 43分钟前 ⋅ 0

docker安装snmp rrdtool环境

以Ubuntu16:04作为基础版本 docker pull ubuntu:16.04 启动一个容器 docker run -d -i -t --name flow_mete ubuntu:16.04 bash 进入容器 docker exec -it flow_mete bash cd ~ 安装基本软件 ......

messud4312 ⋅ 今天 ⋅ 0

OSChina 周一乱弹 —— 快别开心了,你还没有女友呢。

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享吴彤的单曲《好春光》 《好春光》- 吴彤 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :小萝莉街上乱跑,误把我认错成...

小小编辑 ⋅ 今天 ⋅ 7

mysql in action / alter table

change character set ALTER SCHEMA `employees` DEFAULT CHARACTER SET utf8mb4 DEFAULT COLLATE utf8mb4_general_ci ;ALTER TABLE `employees`.`t2` CHARACTER SET = utf8mb4 , COLLAT......

qwfys ⋅ 今天 ⋅ 0

Java 开发者不容错过的 12 种高效工具

Java 开发者常常都会想办法如何更快地编写 Java 代码,让编程变得更加轻松。目前,市面上涌现出越来越多的高效编程工具。所以,以下总结了一系列工具列表,其中包含了大多数开发人员已经使用...

jason_kiss ⋅ 昨天 ⋅ 0

Linux下php访问远程ms sqlserver

1、安装freetds(略,安装在/opt/local/freetds 下) 2、cd /path/to/php-5.6.36/ 进入PHP源码目录 3、cd ext/mssql进入MSSQL模块源码目录 4、/opt/php/bin/phpize生成编译配置文件 5、 . ./...

wangxuwei ⋅ 昨天 ⋅ 0

如何成为技术专家

文章来源于 -- 时间的朋友 拥有良好的心态。首先要有空杯心态,用欣赏的眼光发现并学习别人的长处,包括但不限于工具的使用,工作方法,解决问题以及规划未来的能力等。向别人学习的同时要注...

长安一梦 ⋅ 昨天 ⋅ 0

Linux vmstat命令实战详解

vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况。这个命令是我查看Linux/Unix最喜爱的命令...

刘祖鹏 ⋅ 昨天 ⋅ 0

MySQL

查看表相关命令 - 查看表结构    desc 表名- 查看生成表的SQL    show create table 表名- 查看索引    show index from  表名 使用索引和不使用索引 由于索引是专门用于加...

stars永恒 ⋅ 昨天 ⋅ 0

easyui学习笔记

EasyUI常用控件禁用方法 combobox $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false}); validatebox $("#id").attr("readonly", true); ----- $("#id").r......

miaojiangmin ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部