主要的方法

SpannableStringBuilder和SpannableString主要通过使用setSpan(Object what, int start, int end, int flags)改变文本样式。
对应的参数：

  • start： 指定Span的开始位置
  • end： 指定Span的结束位置，并不包括这个位置。
  • flags：取值有如下四个
    • Spannable.SPAN_EXCLUSIVE_INCLUSIVE：在 Span前面输入的字符不应用 Span的效果，在后面输入的字符应用Span效果。
    • Spannable.SPAN_INCLUSIVE_EXCLUSIVE：在 Span前面输入的字符应用 Span 的效果，在后面输入的字符不应用Span效果。
    • Spannable.SPAN_INCUJSIVE_INCLUSIVE：在 Span前后输入的字符都应用 Span 的效果。
    • Spannable.SPAN_EXCLUSIVE_EXCLUSIVE：前后都不包括。
  • what： 对应的各种Span，不同的Span对应不同的样式。已知的可用类有：
    • BackgroundColorSpan : 文本背景色
    • ForegroundColorSpan : 文本颜色
    • MaskFilterSpan : 修饰效果，如模糊(BlurMaskFilter)浮雕
    • RasterizerSpan : 光栅效果
    • StrikethroughSpan : 删除线
    • SuggestionSpan : 相当于占位符
    • UnderlineSpan : 下划线
    • AbsoluteSizeSpan : 文本字体（绝对大小）
    • DynamicDrawableSpan : 设置图片，基于文本基线或底部对齐。
    • ImageSpan : 图片
    • RelativeSizeSpan : 相对大小（文本字体）
    • ScaleXSpan : 基于x轴缩放
    • StyleSpan : 字体样式：粗体、斜体等
    • SubscriptSpan : 下标（数学公式会用到）
    • SuperscriptSpan : 上标（数学公式会用到）
    • TextAppearanceSpan : 文本外貌（包括字体、大小、样式和颜色）
    • TypefaceSpan : 文本字体
    • URLSpan : 文本超链接
    • ClickableSpan : 点击事件

用法

先在xml中创建一个TextView：

 

  2. android:id="@+id/mode1"

  3. android:layout_width="wrap_content"

  4. android:layout_height="wrap_content"

  5. android:textSize="18dp" />

SpannableStringBuilder和SpannableString的用法差不多，这边先举一个SpannableString的例子

  • SpannableString
    • 修改字体颜色 
       

      1. /**

      2. * 使用SpannableString设置样式——字体颜色

      3. */

      4. private void mode1() {

      5. SpannableString spannableString = new SpannableString("暗影IV已经开始暴走了");

      6. ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#009ad6"));

      7. spannableString.setSpan(colorSpan, 0, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      8. ((TextView)findViewById(R.id.mode1)).setText(spannableString);

      9. }

      创建SpannableString的时候，传入需要显示的字符串。使用ForegroundColorSpan为文字设置颜色。
      效果：

      字体颜色

后面都以SpannableStringBuilder为例子

  • SpannableStringBuilder

    • 修改字体颜色

       

      1. /**

      2. * 使用SpannableStringBuilder设置样式——字体颜色

      3. */

      4. private void mode2() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV");

      7. spannableString.append("已经开始暴走了");

      8. ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#009ad6"));

      9. spannableString.setSpan(colorSpan, 0, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      10. ((TextView)findViewById(R.id.mode2)).setText(spannableString);

      11. }

      这里就可以看出SpannableStringBuilder的可拼接性，这里同样采用了ForegroundColorSpan为文本设置颜色。
      效果：

      字体颜色

    • 设置背景颜色 
       

      1. /**

      2. * 使用SpannableStringBuilder设置样式——背景颜色

      3. */

      4. private void mode3() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV已经开始暴走了");

      7. BackgroundColorSpan bgColorSpan = new BackgroundColorSpan(Color.parseColor("#009ad6"));

      8. spannableString.setSpan(bgColorSpan, 0, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      9. ((TextView)findViewById(R.id.mode3)).setText(spannableString);

      10. }

      使用BackgroundColorSpan设置背景颜色。
      效果：

      背景颜色

    • 设置字体大小 
       

      1. /**

      2. * 使用SpannableStringBuilder设置样式——字体大小

      3. */

      4. private void mode4() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV已经开始暴走了");

      7. AbsoluteSizeSpan absoluteSizeSpan = new AbsoluteSizeSpan(20);

      8. spannableString.setSpan(absoluteSizeSpan, 0, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      9. ((TextView)findViewById(R.id.mode4)).setText(spannableString);

      10. }

      使用AbsoluteSizeSpan设置字体大小。
      效果：

      字体大小

    • 设置粗体\斜体 
       

      1. /**

      2. * 使用SpannableStringBuilder设置样式——粗体\斜体

      3. */

      4. private void mode5() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV已经开始暴走了");

      7. //setSpan可多次使用

      8. StyleSpan styleSpan = new StyleSpan(Typeface.BOLD);//粗体

      9. spannableString.setSpan(styleSpan, 0, 3, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      10. StyleSpan styleSpan2 = new StyleSpan(Typeface.ITALIC);//斜体

      11. spannableString.setSpan(styleSpan2, 3, 6, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      12. StyleSpan styleSpan3 = new StyleSpan(Typeface.BOLD_ITALIC);//粗斜体

      13. spannableString.setSpan(styleSpan3, 6, 9, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      14. ((TextView)findViewById(R.id.mode5)).setText(spannableString);

      15. }

      使用StyleSpan设置粗体\斜体，从例子中可以看出，多次使用setSpan并不影响。
      效果：

      粗体\斜体

    • 删除线 
       

      1. /**

      2. * 使用SpannableStringBuilder设置样式——删除线

      3. */

      4. private void mode6() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV已经开始暴走了");

      7. StrikethroughSpan strikethroughSpan = new StrikethroughSpan();

      8. spannableString.setSpan(strikethroughSpan, 0, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      9. ((TextView)findViewById(R.id.mode6)).setText(spannableString);

      10. }

      StrikethroughSpa使用StrikethroughSpan设置删除线。
      效果：

      删除线

    • 下划线 
       

      1. /**

      2. * 使用SpannableStringBuilder设置样式——下划线

      3. */

      4. private void mode7() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV已经开始暴走了");

      7. UnderlineSpan underlineSpan = new UnderlineSpan();

      8. spannableString.setSpan(underlineSpan, 0, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      9. ((TextView)findViewById(R.id.mode7)).setText(spannableString);

      10. }

      使用UnderlineSpan设置下划线。
      效果：

      下划线

    • 图片
      不仅支持文字样式，还可以插入图片。厉害了我的SpannableStringBuilder~~ 
       

      1. /**

      2. * 使用SpannableStringBuilder设置样式——图片

      3. */

      4. private void mode8() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV已经开始暴走了");

      7. ImageSpan imageSpan = new ImageSpan(this, R.mipmap.ic_launcher);

      8. //也可以这样

      9. //Drawable drawable = getResources().getDrawable(R.mipmap.ic_launcher);

      10. //drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());

      11. //ImageSpan imageSpan1 = new ImageSpan(drawable);

      12. //将index为6、7的字符用图片替代

      13. spannableString.setSpan(imageSpan, 6, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      14. ((TextView)findViewById(R.id.mode8)).setText(spannableString);

      15. }

      使用ImageSpan设置图片，将index为6、7的字符替换成了图片，也就是说，该图片占有index6和7的位置。
      效果：

      图片

    • 点击事件
      插入图片就已经很变态了，居然还支持点击事件。 
       

      1. /**

      2. * 使用SpannableStringBuilder设置点击事件

      3. */

      4. private void mode9() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV已经开始暴走了");

      7. ClickableSpan clickableSpan = new ClickableSpan() {

      8. @Override

      9. public void onClick(View view) {

      10. Toast.makeText(MainActivity.this, "请不要点我", Toast.LENGTH_SHORT).show();

      11. }

      12. };

      13. spannableString.setSpan(clickableSpan, 5, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      14. TextView textView = (TextView)findViewById(R.id.mode9);

      15. textView.setText(spannableString);

      16. textView.setMovementMethod(LinkMovementMethod.getInstance());

      17. }

      使用ClickableSpan设置点击事件，最后还需要加上textView.setMovementMethod(LinkMovementMethod.getInstance());。代码中指定index为5、6、7的字符都成了可点击的文本，其他区域还是不可点击的。
      效果：

      点击事件

      有同学反映设置部分点击事件后，还需要给真整个TextView单独设置点击事件时会出问题。想知道什么问题？自己去试试看，哈哈哈~~
      这边有一个我在CSDN上看到的解决方法，可以从另一个角度来解决这个问题。——解决方案

    • 组合使用
      当然，上面的这些用法都能组合使用。来个�� 
       

      1. /**

      2. * 使用SpannableStringBuilder事件组合使用

      3. */

      4. private void mode10() {

      5. SpannableStringBuilder spannableString = new SpannableStringBuilder();

      6. spannableString.append("暗影IV已经开始暴走了");

      7. //图片

      8. ImageSpan imageSpan = new ImageSpan(this, R.mipmap.ic_launcher);

      9. spannableString.setSpan(imageSpan, 2, 4, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      10. //点击事件

      11. ClickableSpan clickableSpan = new ClickableSpan() {

      12. @Override

      13. public void onClick(View view) {

      14. Toast.makeText(MainActivity.this, "请不要点我", Toast.LENGTH_SHORT).show();

      15. }

      16. };

      17. spannableString.setSpan(clickableSpan, 2, 4, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      18. //文字颜色

      19. ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#FFFFFF"));

      20. spannableString.setSpan(colorSpan,5, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      21. //文字背景颜色

      22. BackgroundColorSpan bgColorSpan = new BackgroundColorSpan(Color.parseColor("#009ad6"));

      23. spannableString.setSpan(bgColorSpan, 5, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

      24. TextView textView = (TextView)findViewById(R.id.mode10);

      25. textView.setText(spannableString);

      26. textView.setMovementMethod(LinkMovementMethod.getInstance());

      27.  

更多相关文章

  1. Android之开源控件ViewFLow学习笔记【含下载地址】--（原创-201504
  2. 使用SpannableString设置部分文字大小、颜色、超链接、点击事件
  3. Android——ImageView.ScaleType设置图解
  4. Android(安卓)windowTranslucentStatus属性源码分析
  5. Android(安卓)DatePicker的简单自定义
  6. Android(安卓)第十三课——ListView ListActivity SimpleAdapter
  7. Android的Activity屏幕切换动画
  8. 如何隐藏APP名字
  9. Android(安卓)8.0 高通代码预制apk可卸载，恢复出厂设置apk可恢复

随机推荐

  1. Android动态权限管理：Android Runtime Per
  2. 在Cocos2d-x中处理Android 系统设备的Men
  3. 最具深度及说服力的Android与iOS对比
  4. Android单元测试之Local unit tests（上）
  5. android媒体--stagefright概述【一】
  6. Android 开机logo动画
  7. Visual Studio跨平台开发实战(5) - Xamar
  8. Android make脚本简记
  9. Android(安卓)UI:筛选条的简单实现
  10. Android错误解决 Call requires API leve