SpannableString属性详解

最新推荐文章于 2023-09-20 09:12:11 发布
最新推荐文章于 2023-09-20 09:12:11 发布
阅读量918 收藏
点赞数
分类专栏： Android

背景介绍

在开发应用过程中经常会遇到显示一些不同的字体风格的信息犹如默认的LockScreen上面的时间和充电信息。对于类似的情况，可能第一反应就是用不同的多个TextView来实现，对于每个TextView设置不同的字体风格以满足需求。

 

这里推荐的做法是使用android.text.*;和 android.text.style.*;下面的组件来实现RichText：也即在同一个TextView中设置不同的字体风格。对于某些应用，比如文本编辑，记事本，彩信，短信等地方，还必须使用这些组件才能达到想到的显示效果。

 

主要的基本工具类有android.text.Spanned; android.text.SpannableString; android.text.SpannableStringBuilder;使用这些类来代替常规String。SpannableString和 SpannableStringBuilder可以用来设置不同的Span，这些Span便是用于实现Rich Text，比如粗体，斜体，前景色，背景色，字体大小，字体风格等等，android.text.style.*中定义了很多的Span类型可供使用。

 

这是相关的API的Class General Hierarchy：

 

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

 

使用方法

 

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

 

SpannableString word = new SpannableString("The quick fox jumps over the lazy dog");

SpannableStringBuilder multiWord = new SpannableStringBuilder();
multiWord.append("The Quick Fox");
multiWord.append("jumps over");
multiWord.append("the lazy dog");

创建完Spannable对象后，就可以为它们设置Span来实现想要的Rich Text了，常见的Span有：

  • AbsoluteSizeSpan(int size) ---- 设置字体大小，参数是绝对数值，相当于Word中的字体大小
  • RelativeSizeSpan(float proportion) ---- 设置字体大小，参数是相对于默认字体大小的倍数，比如默认字体大小是x, 那么设置后的字体大小就是x*proportion，这个用起来比较灵活，proportion>1就是放大(zoom in), proportion<1就是缩小(zoom out)
  • ScaleXSpan(float proportion) ---- 缩放字体，与上面的类似，默认为1,设置后就是原来的乘以proportion，大于1时放大(zoon in)，小于时缩小(zoom out)
  • BackgroundColorSpan(int color) ----背景着色，参数是颜色数值，可以直接使用android.graphics.Color里面定义的常量，或是用Color.rgb(int, int, int)
  • ForegroundColorSpan(int color) ----前景着色，也就是字的着色，参数与背景着色一致
  • TypefaceSpan(String family) ----字体，参数是字体的名字比如“sans", "sans-serif"等
  • StyleSpan(Typeface style) -----字体风格，比如粗体，斜体，参数是android.graphics.Typeface里面定义的常量，如Typeface.BOLD，Typeface.ITALIC等等。
  • StrikethroughSpan----如果设置了此风格，会有一条线从中间穿过所有的字，就像被划掉一样

对于这些Sytle span在使用的时候通常只传上面所说明的构造参数即可，不需要设置其他的属性，如果需要的话，也可以对它们设置其他的属性，详情可以参见文档。
SpannableString和SpannableStringBuilder都有一个设置上述Span的方法：

 

复制代码 
/**
 * Set the style span to Spannable, such as SpannableString or SpannableStringBuilder
 * @param what --- the style span, such as StyleSpan
 * @param start --- the starting index of characters to which the style span to apply
 * @param end --- the ending index of characters to which the style span to apply
 * @param flags --- the flag specified to control
 */
setSpan(Object what, int start, int end, int flags);
复制代码

 

其中参数what是要设置的Style span，start和end则是标识String中Span的起始位置，而 flags是用于控制行为的，通常设置为0或Spanned中定义的常量，常用的有：

 

  • Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点
  • Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start，但包含end所在的端点
  • Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含两端start，但不包含end所在的端点
  • Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含两端start和end所在的端点

 

这里理解起来就好像数学中定义区间，开区间还是闭区间一样的。还有许多其他的Flag，可以参考这里。这里要重点说明下关于参数0,有很多时候，如果设置了上述的参数，那么Span会从start应用到Text结尾，而不是在start和end二者之间，这个时候就需要使用Flag 0。

 

Linkify

另外，也可以对通过TextView.setAutoLink(int)设置其Linkify属性，其用处在于，TextView会自动检查其内容，会识别出phone number, web address or email address，并标识为超链接，可点击，点击后便跳转到相应的应用，如Dialer，Browser或Email。Linkify有几个常用选项，更多的请参考文档：

  • Linkify.EMAIL_ADDRESS -- 仅识别出TextView中的Email在址，标识为超链接，点击后会跳到Email，发送邮件给此地址
  • Linkify.PHONE_NUMBERS -- 仅识别出TextView中的电话号码，标识为超链接，点击后会跳到Dialer，Call这个号码
  • Linkify.WEB_URLS-- 仅识别出TextView中的网址，标识为超链接，点击后会跳到Browser打开此URL
  • Linkify.ALL -- 这个选项是识别出所有系统所支持的特殊Uri，然后做相应的操作

 

权衡选择

 

个人认为软件开发中最常见的问题不是某个技巧怎么使用的问题，而是何时该使用何技巧的问题，因为实现同一个目标可能有N种不同的方法，就要权衡利弊，选择最合适的一个，正如常言所云，没有最好的，只有最适合的。如前面所讨论的，要想用不同的字体展现不同的信息可能的解法，除了用Style Span外还可以用多个TextView。那么就需要总结下什么时候该使用StyleSpan，什么时候该使用多个TextView：

 

  1. 如果显示的是多个不同类别的信息，就应该使用多个TextView，这样也方便控制和改变各自的信息，例子就是默认LockScreen上面的日期和充电信息，因为它们所承载不同的信息，所以应该使用多个TextView来分别呈现。
  2. 如果显示的是同一类信息，或者同一个信息，那么应该使用StyleSpan。比如，短信息中，要把联系人的相关信息突出显示；或是想要Highlight某些信息等。
  3. 如果要实现Rich text，没办法，只能使用Style span。
  4. 如果要实现某些特效，也可以考虑使用StyleSpan。设置不同的字体风格只是Style span的初级应用，如果深入研究，可以发现很多奇妙的功效。
转载自http://blog.csdn.net/fengkuanghun/article/details/7904284 
 

    1、BackgroundColorSpan 背景色
    2、ClickableSpan 文本可点击，有点击事件
    3、ForegroundColorSpan 文本颜色（前景色）
    4、MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)
    5、MetricAffectingSpan 父类，一般不用
    6、RasterizerSpan 光栅效果
    7、StrikethroughSpan 删除线（中划线）
    8、SuggestionSpan 相当于占位符
    9、UnderlineSpan 下划线
    10、AbsoluteSizeSpan 绝对大小（文本字体）
    11、DynamicDrawableSpan 设置图片，基于文本基线或底部对齐。
    12、ImageSpan 图片
    13、RelativeSizeSpan 相对大小（文本字体）
    14、ReplacementSpan 父类，一般不用
    15、ScaleXSpan 基于x轴缩放
    16、StyleSpan 字体样式：粗体、斜体等
    17、SubscriptSpan 下标（数学公式会用到）
    18、SuperscriptSpan 上标（数学公式会用到）
    19、TextAppearanceSpan 文本外貌（包括字体、大小、样式和颜色）
    20、TypefaceSpan 文本字体
    21、URLSpan 文本超链接

BackgroundColorSpan 背景色

1
2
3
4
5
6
7
8
9
 
    SpannableString spanText = new SpannableString("benzlocke");

    spanText.setSpan(new BackgroundColorSpan(Color.GREEN), 0, spanText.length(),

    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

ForegroundColorSpan 文本颜色（前景色）

1
2
3
4
5
6
7
8
9
 
    spanText = new SpannableString("benzlocke");

    spanText.setSpan(new ForegroundColorSpan(Color.BLUE), 6, spanText.length(),

    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
 
    spanText = new SpannableString("benzlocke");

    int length = spanText.length();

    //模糊(BlurMaskFilter)

    MaskFilterSpan maskFilterSpan = new MaskFilterSpan(new BlurMaskFilter(3, Blur.OUTER));

    spanText.setSpan(maskFilterSpan, 0, length - 10, Spannable.

    SPAN_INCLUSIVE_EXCLUSIVE);

    //浮雕(EmbossMaskFilter)

    maskFilterSpan = new MaskFilterSpan(new EmbossMaskFilter(new float[]{1,1,3}, 1.5f, 8, 3));

    spanText.setSpan(maskFilterSpan, length - 10, length, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

RasterizerSpan 光栅效果

1
2
3
4
5
6
7
8
9
 
    spanText = new SpannableString("StrikethroughSpan");

    spanText.setSpan(new StrikethroughSpan(), 0, 7, Spannable.

    SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

StrikethroughSpan 删除线

1
2
3
4
5
6
7
 
    spanText = new SpannableString("StrikethroughSpan");

    spanText.setSpan(new StrikethroughSpan(), 0, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

SuggestionSpan

1
 
相当于占位符，一般用在EditText输入框中。当双击此文本时，会弹出提示框选择一些建议（推荐的）文字，选中的文本将替换此占位符。在输入法上用的较多。

UnderlineSpan 下划线

1
2
3
4
5
6
7
8
9
 
    spanText = new SpannableString("UnderlineSpan");

    spanText.setSpan(new UnderlineSpan(), 0, spanText.length(),

    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

AbsoluteSizeSpan 绝对大小（文本字体）

1
2
3
4
5
6
7
8
9
 
    spanText = new SpannableString("AbsoluteSizeSpan");

    spanText.setSpan(new AbsoluteSizeSpan(20, true), 0, spanText.length(),

    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

DynamicDrawableSpan 设置图片，基于文本基线或底部对齐。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
    DynamicDrawableSpan drawableSpan = new DynamicDrawableSpan(DynamicDrawableSpan.ALIGN_BASELINE) {

    @Override

        public Drawable getDrawable() {

            Drawable d = getResources().getDrawable(R.drawable.ic_launcher);

            d.setBounds(0, 0, 50, 50);

            return d;

        }

    };

    DynamicDrawableSpan drawableSpan2 = new DynamicDrawableSpan(

    DynamicDrawableSpan.ALIGN_BOTTOM) {

        @Override

        public Drawable getDrawable() {

              Drawable d = getResources().getDrawable(R.drawable.ic_launcher);

              d.setBounds(0, 0, 50, 50);

                    return d;

                }

            };

    spanText.setSpan(drawableSpan, 3, 4, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    spanText.setSpan(drawableSpan2, 7, 8, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

    //左边图片基于基线对齐，右边图片基于底部对齐

ImageSpan 图片

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
 
    spanText = new SpannableString("ImageSpan");

    Drawable d = getResources().getDrawable(R.drawable.ic_launcher);

    d.setBounds(0, 0, 50, 50);

    spanText.setSpan(new ImageSpan(d), 3, 4, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

    //和DynamicDrawableSpan差别不大

RelativeSizeSpan 相对大小（文本字体）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
 
    spanText = new SpannableString("RelativeSizeSpan");

    //参数proportion:比例大小

    spanText.setSpan(new RelativeSizeSpan(2.5f), 3, 4,

    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

    //相对大小的比例是基于当前文本字体大小

ScaleXSpan 基于x轴缩放

1
2
3
4
5
6
7
8
9
 
    spanText = new SpannableString("benzlocke");

    //参数proportion:比例大小

    spanText.setSpan(new ScaleXSpan(3.8f), 3, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

StyleSpan 字体样式：粗体、斜体等

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
 
    spanText = new SpannableString("benzlocke");

    //Typeface.BOLD_ITALIC:粗体+斜体

    spanText.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), 3, 7,

    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

SubscriptSpan 下标（数学公式会用到）

1
2
3
4
5
6
7
 
    spanText = new SpannableString("benzlocke");

    spanText.setSpan(new SubscriptSpan(), 6, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

SuperscriptSpan 上标（数学公式会用到）

1
2
3
4
5
6
7
 
    spanText = new SpannableString("benzlocke");

    spanText.setSpan(new SuperscriptSpan(), 6, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

TextAppearanceSpan 文本外貌（包括字体、大小、样式和颜色）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
 
    spanText = new SpannableString("benzlocke");

    //若需自定义TextAppearance，可以在系统样式上进行修改

    spanText.setSpan(new TextAppearanceSpan(this, android.R.style.TextAppearance_Medium), 6, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

    //系统还提供了相关值TextAppearance_Small, TextAppearance_Large等。如有需要可在以上样式基础上修改。

TypefaceSpan 文本字体

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
 
    spanText = new SpannableString("benzlocke");

    //若需使用自定义字体，可能要重写类TypefaceSpan

    spanText.setSpan(new TypefaceSpan("monospace"), 3, 10,

    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

    //关于自定义字体的设置，后面将介绍如何使用

URLSpan 文本超链接

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
 
    spanText = new SpannableString("benzlocke");

    spanText.setSpan(new URLSpan("http://orgcent.com"), 10, spanText.length(),

    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    mTVText.append("n");

    mTVText.append(spanText);

    //让URLSpan可以点击

    mTVText.setMovementMethod(new LinkMovementMethod());
转载自http://my.eoe.cn/o8888o/archive/15415.html
f7anty
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android获取span标签属性值,探索 Android 中的 Span
weixin_30824361的博客
05-26 559
插图由 Virginia Poltrack(https://twitter.com/VPoltrack) 绘制探索 Android 中的 Span在 Android 中,使用 Span 定义文本的样式. 通过 Span 改变几个文字的颜色，让它们可点击，放缩文字的大小甚至是绘制自定义的项目符号点(bullet points，国外人名中名字之间的间隔符号 · ，HTML 中无序列表项的默认符号)。S...
Android TextView的各种Span
xujian197的博客
04-20 1406
首先Span是什么 Span是功能强大的标记对象,可用于在字符或段落级别的文本设置样式.我们可以将该标记对象添加到文本上,从而可以改变文本的颜色,使文本可点击,缩放文本大小等等. 创建Span 创建一个Span,可以使用以下三个类SpannedString 使用该类创建的Span对象不可以改变文本,不可以改变标记.很少使用到.SpannableString 使用该类创建的Span对象不可改变文本,可以改变标记,一般在不修改文本内容,只修改文本标记的情况下(比如修改文本的颜色等)应该使用该类.Spann..
Android SpannedString
全栈攻略
09-29 2553
SpanableString spanablespanable.setSpan(Obj what, int start, int end, int flags); 的第四个参数flags Spanned.SPAN_EXCLUSIVE_EXCLUSIVE — 不包含两端start和end所在的端点 (a,b) Spanned.SPAN_EXCLUSIVE_INCLUSI
Android SpannableString的用法
newcoderzZ的博客
06-28 440
Android SpannableStringSpannableString用法ForegroundColorSpanBackgroundColorSpanRelativeSizeSpanAbsoluteSizeSpanStrikethroughSpanUnderlineSpanClickableSpanURLSpanImageSpanStyleSpanSubscriptSpanSuperscri...
android怎么遍历字符串,如何遍历Android中的SpannedString或SpannableString中的跨度
weixin_42528780的博客
05-25 1295
按顺序循环跨越您可以使用getSpans在Spanned或Spannable String中获取跨度数组.但是,只需循环遍历getSpans结果将为not necessarily give them to you in order.为了使它们按顺序排列,您可以使用nextSpanTransition.下面是一个SpannedString示例,如问题中的示例. (SpannableString的工作...
Android TextView使用SpannableString设置复合文本的方法详解
09-01
SpannableString是Spanned接口的一个实现，允许我们在字符串的不同部分应用不同的属性。 首先，我们来看BackgroundColorSpan，它用于设置文本的背景颜色。例如，如果我们要将“我们”这两个字设为绿色背景，可以...
Android SpannableString设置超链接、颜色、字体等属性
08-31
下面我们将深入探讨如何使用SpannableString设置超链接、颜色、字体等属性。 首先，我们需要了解SpannableString的基本用法。SpannableString继承自CharSequence，它允许我们对字符串中的特定部分应用不同的Span...
android TextView详解
09-26
在XML布局文件中，我们通常使用`<TextView>`标签来创建它，通过设置`android:text`属性来指定要显示的文本内容。 2. **文本样式** - **字体**：可以设置字体类型、大小和样式，例如`android:typeface`（默认、...
Android软件开发之TextView详解源码
07-22
例如，Spannable和SpannableString类允许我们对文本的不同部分应用不同的样式或行为。在源码中，TextView会根据这些标记来处理文本，提供丰富的显示效果。 此外，TextView还支持输入法交互，如自动完成、拼写检查和...
SpannableString使用详解
小白的博客
08-21 1255
SpannableString使用详解： 1、BackgroundColorSpan 背景色 2、ClickableSpan 文本可点击，有点击事件 3、ForegroundColorSpan 文本颜色（前景色） 4、MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter) 5、MetricAffectingSpan 父类，一般不用 6、RasterizerSpan 光栅效果 7、StrikethroughSpan 删除线（中划线） 8、Su
Spannable、Spanned、Editable用法及差别
kaka123ac的专栏
12-24 9715
一、接口定义 1.Spanned      这是一个针对文本的接口，用来标记在文本的某些范围之类，附属了哪些对象。      public interface Spanned extends CharSequence      该接口是继承了CharSequence，所以在android平台可以直接当做CharSequence来使用， 并且增加了很多特殊的文本处理功能。      该接
Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性
热门推荐
雪梦科技
09-16 4万+
在Android中，TextView是我们最常用的用来显示文本的控件。   一般情况下，TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体，大小，颜色，样式，以及超级链接等属性呢？下面我们通过SpannableString的具体实例操作
TextView + Spanned实现图文混排以及图片点击交互
weixin_30918415的博客
09-28 196
最近要实现图文混排的需求，webview过大，所以想到了用SpannableStringBuilder来实现。 不过参考了大量国内文章，大多数是教你如何实现图文混排，并没有提及图片点击交互的。有翻阅了一些国外文章，说的也不是很详细，于是花费时间鼓捣了一下，最终实现了TextView图文混排，加点击交互的效果，在这里给大家分享下以免后来者在此处浪费过多时间。 主要用到的有Spa...
[Android基础]Spanned与SpannableString
宏哥的博客
10-17 1万+
Spanned SPAN_EXCLUSIVE_EXCLUSIVE  等同于  (  ) SPAN_EXCLUSIVE_INCLUSIVE  等同于  (  ] SPAN_INCLUSIVE_EXCLUSIVE  等同于  [  ) SPAN_INCLUSIVE_INCLUSIVE  等同于  [  ] SpannableString
使用SpannableString设置部分文字大小、颜色、超链接、点击事件
oushangfeng123的专栏
08-09 1万+
Android中需要给TextView中的个别字设置为超链接，或者设置个别字的颜色、字体等，需要用到Spannable对象。效果如下： baidu和youku字段做了autolink，设置字体大小和颜色，youku并取消了下划线。private void initView() { TextView textView = (TextView) findViewById(R.id.
SpannableString的常用用法
u014620028的专栏
03-25 3125
SpannableString基本用法ClickableSpan、URLSpan、ImageSpan
Android 富文本SpannableString
最新发布
搬砖路上的博客
09-20 996
在Android开发中，有很多UI会画出一些特别炫酷的界面出来，比如一个字符串里有特殊的字会有其他颜色并加粗、变大变小、插入小图片、给某几个文字添加边框，如果我们使用笨办法用几个TextView或者ImageView来链接，这样虽然能实现但是会不会很笨重，如果出现换行就尴尬了，他不能想做到无缝换行造成效果跟预期效果相差太大，如果效果很复杂是不是会给应用增加体验负担？还会给带来适配的问题，SpannableString的出现帮我们解决了这一系列的问题。解决复杂的字符串效果UI效果，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值