Android花样Text设置神器之SpanableString

TextView在Android中几乎是再常见不过的控件了，几乎遍布在各个角落里，对TextView并没有什么技术点来做分析，但是有时候可能会需要你在项目中处理一些特殊字体，比如下划线，横穿线，亦或者是为TextView部分字体设置点击或者颜色背景等等，这点需求虽然不是什么难事，但是选不好解决方法真的会可能会让你折腾好久。说了这么多无非就是开篇引个题，下面为大家介绍SpanableString哈。

里面需要具体分析的技术点并不是太多，我先给大家贴上源码，看看google是怎么定义这么一个东东的。

/** * This is the class for text whose content is immutable but to which * markup objects can be attached and detached. * For mutable text, see {@link SpannableStringBuilder}. */

上面这段内容摘自安卓SpanableString源码里面的注释，大体意思就是说

这是一个内容和标记都可以更改的文本类

其实源码内容并不是太多，感兴趣的话可以去查看下源码

源码关键的两个方法

 public void setSpan(Object what, int start, int end, int flags) {} public void removeSpan(Object what) {}

我先带大家简单使用下这个控件，然后在来分析，其实说到这里有一个小细节开篇的时候忘记跟大家提起了，就是看到SpanableString，其实还有SpanableStringBuilder，其用法类似，大家可以类比String跟StringBuilder来区别，我在此不多解释了，就像你会有String肯定也会使用StringBuilder，我就不在做重复的解释了，下面先来具体举个例子带大家认识下这个东东。

    SpannableString spannableString = new SpannableString("转点软件技术工作室技术分享专题");    ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#009ad6"));    spannableString.setSpan(colorSpan, 0, 3, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);    ((TextView)findViewById(R.id.mode1)).setText(spannableString);

通过上述代码就可以实现开篇提到的给部分字体设置颜色的效果，那趁着大家现在对SpanableString有个大概的认识之后我先简单分析下流程，然后再把其他使用方法给大家总结下。

我个人是吧SpanableString理解成一个特殊的字符串，不同于String的是他可以在上面做出一些花哨的东西，示例代码中分四步完成了这一操作。

1.先是new出一个SpanableString对象，并为其初始化一个字符串，

2.然后通过span的方式生成一个colorSpan对象，这里的span可以设置成其他任何你想设置的形式，比如开篇提到的下划线或者上划线，点击事件都可以，对应于不同的span对象，稍后我整理给大家。

3.为SpanableString设置span。setSpan的四个参数稍后我结合源码分析给大家。

4.为textView设置特殊样式的字体。

具体分析：

从上面的步骤中大家也看出了，其实设置特殊样式的关键步骤在第2步，下面我先为大家整理里具体都可以设置那些特殊样式：

常用到的Span大致如下

BackgroundColorSpan : 文本背景色ForegroundColorSpan : 文本颜色MaskFilterSpan : 修饰效果，如模糊(BlurMaskFilter)浮雕RasterizerSpan : 光栅效果StrikethroughSpan : 删除线SuggestionSpan : 相当于占位符UnderlineSpan : 下划线AbsoluteSizeSpan : 文本字体（绝对大小）DynamicDrawableSpan : 设置图片，基于文本基线或底部对齐。ImageSpan : 图片RelativeSizeSpan : 相对大小（文本字体）ScaleXSpan : 基于x轴缩放StyleSpan : 字体样式：粗体、斜体等SubscriptSpan : 下标（数学公式会用到）SuperscriptSpan : 上标（数学公式会用到）TextAppearanceSpan : 文本外貌（包括字体、大小、样式和颜色）TypefaceSpan : 文本字体URLSpan : 文本超链接ClickableSpan : 点击事件

其用法大家可以套用示例代码中的样子，无非是具体的Span类型不同，用法一致。

现在我解释刚刚在第三步中说到的setSpan的用法，以及4个参数具体代表的含义，先给大家贴上setSpan的源码。

 public void setSpan(Object what, int start, int end, int flags) {        super.setSpan(what, start, end, flags);    }

上述源码是我直接从SpanableString类中摘取出来的，

第一个参数 Object what：这个what就是上面分享的各种Span的类型，大家根据需要自己指定。

第二个第三个参数 int start int end：这两个参数是Span开始跟结束的位置。

第四个参数： int flag 参数用4中类型，分别代表的意思为span开始结束的位置包含或者不包含start 、end，

flags的取值如下：

Spannable. SPAN_INCLUSIVE_EXCLUSIVE：前面包括，后面不包括，即在文本前插入新的文本会应用该样式，而在文本后插入新文本不会应用该样式

Spannable. SPAN_INCLUSIVE_INCLUSIVE：前面包括，后面包括，即在文本前插入新的文本会应用该样式，而在文本后插入新文本也会应用该样式

Spannable. SPAN_EXCLUSIVE_EXCLUSIVE：前面不包括，后面不包括

Spannable. SPAN_EXCLUSIVE_INCLUSIVE：前面不包括，后面包括

好了，看到这里我想你应该已经掌握了具体怎么设置特殊并且花哨的textview了，其他各种Span的设置，代码大同小异我就不重复贴代码带大家演示了，有一个小细节需要大家注意下，我贴上代码算是提醒下大家吧，在设置ClickableSpan的时候千万别忘了setMovementMethod。示例代码如下：

SpannableString spannableString = new SpannableString("转点软件技术工作室技术分享");            ClickableSpan clickableSpan = new ClickableSpan() {                @Override                public void onClick(View widget) {                    //TODO 点击事件在此处理                    System.out.println("转点软件被点击了.....");                }            };            spannableString.setSpan(clickableSpan,0,3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);            textView.setText(spannableString);            textView.setMovementMethod(LinkMovementMethod.getInstance());  //为TextView设置完Span后，别忘了setMovementMethod

上述过程，如有分析不到位的地方，还请各位看官批评扶正。

更多相关文章

随机推荐