TextView的样式类Span的使用详解:



    Android中的TextView是个显示文字的的UI类,在现实中的需求中,文字有各式各样的样式,TextView本身没有属性去设置实现,我们可以通过Android提供的  SpannableString类封装。Android提供了很多的Span的类去实现样式,这个样式都是继承自 CharacterStyle类。         要想理解Span的具体使用,那肯定得了解SPan类群的构成,研究代码继承结构,深入的了解、理解,才能更好的使用它。我们来统计一下,最前端的可用功能的SPAN有: URLSpan、ClickableSpan、BackgroundColorSpan、ForegroundColorSpan、MaskFilterSpan、AbsoluteSizeSpan、RelativeSizeSpan、ImageSpan、ScaleXSpan、StyleSpan、SubscriptSpan、SuperscriptSpan、TextAppearanceSpan、TypefaceSpan、RasterizerSpan、StrikethroughSpan、UnderlineSpan。
              先看一下Spanable中的常用常量:                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含start和end所在的端点              (a,b)                  Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start,但包含end所在的端点       (a,b]              Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含start,但不包含end所在的端点   [a,b)              Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含start和end所在的端点                     [a,b]
效果图:        

用法详解:(使用很简单,所以只简单的解释,直接上代码,看效果) 1.  SpannableString的使用:    各种的Span就是通过 SpannableString来封装样式的,设置完Span之后需要将Span放入到 SpannableString类中,然后SpannableString设置到TextView中去。 使用:              TestText test = (TestText) findViewById(R.id.test);         SpannableString spannableString = new SpannableString(testText) ;         BackgroundColorSpan backgroundColorSpan = new BackgroundColorSpan(Color.RED);         spannableString.setSpan(backgroundColorSpan, 0, 10, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) ;         test.setText(spannableString) ; 

2.  BackgroundColorSpan :看名字就知道是跟背景颜色相关的,    使用:          BackgroundColorSpan backgroundColorSpan =  new  BackgroundColorSpan(Color. RED );         spannableString.setSpan(backgroundColorSpan, 0, 10, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) ;   

3.  ClickableSpan: 点击事件相关的Span。    代码实现: ClickableSpan clickableSpan = new ClickableSpan() {             @Override             public void onClick(View widget) {                 Toast.makeText(MainActivity.this, "click", Toast.LENGTH_SHORT).show();                 Log.e("Easy", "click");             }         };         spannableString.setSpan(clickableSpan, 11, 21, Spannable.SPAN_EXCLUSIVE_INCLUSIVE) ;         test.setMovementMethod(LinkMovementMethod.getInstance());   
注意:在使用ClickableSpan的时候, 在单击链接时凡是有要执行的动作,都必须设置MovementMethod对象。
4.  URLSpan:链接,类似HTML中的a标签。  代码实现:           URLSpan urlSpan =  new  URLSpan( "http://www.baidu.com" );         spannableString.setSpan(urlSpan, 22, 32, Spannable.SPAN_INCLUSIVE_EXCLUSIVE) ;   
UrilSpan是继承自ClickableSpan的,我们可以看一下源码: @Override     public void onClick(View widget) {         Uri uri = Uri.parse(getURL());         Context context = widget.getContext();         Intent intent = new Intent(Intent.ACTION_VIEW, uri);         intent.putExtra(Browser.EXTRA_APPLICATION_ID, context.getPackageName());         context.startActivity(intent);     }   
URILSpan也是实现了onClick的方法,将URL跳转到浏览器中的。  因此,我们可以通过ClickableSpan去做文字的点击事件。 注意:在使用URLSpan的时候,也需要 设置MovementMethod对象。
5.  ForegroundColorSpan :设置字体颜色。 代码实现:           ForegroundColorSpan foregroundColorSpan =  new  ForegroundColorSpan(Color. GRAY );         spannableString.setSpan(foregroundColorSpan, 32, 43, Spannable.SPAN_INCLUSIVE_INCLUSIVE) ;   


6.  MaskFilterSpan:文字的装饰效果。分为两种:BlurMaskFilter(模糊效果) 和 EmbossMaskFilter (浮雕效果)           MaskFilterSpan maskFilterSpan =  new  MaskFilterSpan( new  EmbossMaskFilter( new   float []{1,1,3}, 1.5f, 8, 3));         spannableString.setSpan(maskFilterSpan, 44, 55, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) ;                  MaskFilter filter2 = new BlurMaskFilter(10, Blur.OUTER );         MaskFilterSpan maskFilterSpan2 = new MaskFilterSpan(filter2 );         spannableString.setSpan(maskFilterSpan2, 56, 67, Spannable.SPAN_EXCLUSIVE_INCLUSIVE) ;   

有很陌生的类,我们看一下源码:(BlurMaskFilter)  public enum Blur {         NORMAL(0),      SOLID (1),        OUTER (2),       INNER (3);                  Blur(int value) {             native_int = value;         }         final int native_int;     }
    public BlurMaskFilter(float radius, Blur style) {         native_instance = nativeConstructor(radius, style.native_int);     }     private static native long nativeConstructor(float radius, int style);   

啊哦,调用的是native的方法,那我们先记住是如何使用的即可,Blur是其内部类,提供了四种样式。有兴趣的可以一一去实验其效果。 EmbossMaskFilter是同样的调用native的方法。
6.  AbsoluteSizeSpan:字体大小的   代码实现:                       AbsoluteSizeSpan absoluteSizeSpan =  new  AbsoluteSizeSpan(100) ;         spannableString.setSpan(absoluteSizeSpan, 77, 88, Spannable.SPAN_INCLUSIVE_INCLUSIVE) ; 具体的看源码其实现:        @Override     public void updateDrawState(TextPaint ds) {         if (mDip) {             ds.setTextSize(mSize * ds.density);         } else {             ds.setTextSize(mSize);         }     }
可以看出来的是,设置的paint的字体大小,构造函数中的   public  AbsoluteSizeSpan( int  size,  boolean  dip)  dip是标识你传入的数据是否是dp数值。
7.  RelativeSizeSpan:相对的字体大小 这个是什么意思那?看源码就知道了: @Override     public void updateDrawState(TextPaint ds) {         ds.setTextSize(ds.getTextSize() * mProportion);     }   原来是字体大小的多少倍啊。
8.  ImageSpan:有关图片的。
代码实现:           ImageSpan imageSpan =  new  ImageSpan(MainActivity. this , R.drawable. ic_launcher ) ;         spannableString.setSpan(imageSpan, 100, 105, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) ;   
这个类有很多的构造函数,其作用就是通过不同方式传入drawble,可以资源地址,可以是Drawable  也可以是uri
9.  ScaleXSpan:横向压缩比例因子。    10.  StyleSpan : 主要由正常、粗体、斜体和同时加粗倾斜四种样式,常量值定义在Typeface类中。
Typeface.DEFAULT //常规字体类型 Typeface.DEFAULT_BOLD //黑体字体类型 Typeface.MONOSPACE //等宽字体类型 Typeface.SANS_SERIF //sans serif字体类型 Typeface.SERIF //serif字体类型

11.  SubscriptSpan:  脚注样式,比如化学式的常见写法,当然,还可以对脚注的文字做一定的缩放 看一下源码: SubscriptSpan():无参构造。
SubscriptSpan(Parcel src):一参构造,参数src并未起任何作用,源码中为:
public SuperscriptSpan(Parcel src) {
}   这个是比较特殊的地方。这个构造函数没有任何作用。

12.  SuperscriptSpan: 上标样式,比如数学上的次方运算,当然,还可以对上标文字进行缩放。同11样式的作用刚好相反。
13. TextAppearanceSpan: 使用style文件来定义文本样式。
14. TypefaceSpan: 字体样式,可以设置不同的字体
15.RasterizerSpan: 设置光栅字样
16.StrikethroughSpan:删除线 17.UnderlineSpan : 下划线










  1. /** 
  2. * 超链接 
  3. */  
  4. private void addUrlSpan() {  
  5.     SpannableString spanString = new SpannableString("超链接");  
  6.     URLSpan span = new URLSpan("tel:0123456789");  
  7.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  8.     tv.append(spanString);  
  9. }  
  10.   
  11.   
  12. /** 
  13. * 文字背景颜色 
  14. */  
  15. private void addBackColorSpan() {  
  16.     SpannableString spanString = new SpannableString("颜色2");  
  17.     BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW);  
  18.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  19.     tv.append(spanString);  
  20. }  
  21.   
  22.   
  23. /** 
  24. * 文字颜色 
  25. */  
  26. private void addForeColorSpan() {  
  27.     SpannableString spanString = new SpannableString("颜色1");  
  28.     ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);  
  29.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  30.     tv.append(spanString);  
  31. }  
  32.   
  33.   
  34. /** 
  35. * 字体大小 
  36. */  
  37. private void addFontSpan() {  
  38.     SpannableString spanString = new SpannableString("36号字体");  
  39.     AbsoluteSizeSpan span = new AbsoluteSizeSpan(36);  
  40.     spanString.setSpan(span, 05, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  41.     tv.append(spanString);  
  42. }  
  43.   
  44.   
  45. /** 
  46. * 粗体,斜体 
  47. */  
  48. private void addStyleSpan() {  
  49.     SpannableString spanString = new SpannableString("BIBI");  
  50.     StyleSpan span = new StyleSpan(Typeface.BOLD_ITALIC);  
  51.     spanString.setSpan(span, 02, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  52.     tv.append(spanString);  
  53. }  
  54.   
  55.   
  56. /** 
  57. * 删除线 
  58. */  
  59. private void addStrikeSpan() {  
  60.     SpannableString spanString = new SpannableString("删除线");  
  61.     StrikethroughSpan span = new StrikethroughSpan();  
  62.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  63.     tv.append(spanString);  
  64. }  
  65.   
  66. /** 
  67. * 下划线 
  68. */  
  69. private void addUnderLineSpan() {  
  70.     SpannableString spanString = new SpannableString("下划线");  
  71.     UnderlineSpan span = new UnderlineSpan();  
  72.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  73.     tv.append(spanString);  
  74. }  
  75.   
  76.   
  77.   
  78. /** 
  79. * 图片 
  80. */  
  81. private void addImageSpan() {  
  82.     SpannableString spanString = new SpannableString(" ");  
  83.     Drawable d = getResources().getDrawable(R.drawable.ic_launcher);  
  84.     d.setBounds(00, d.getIntrinsicWidth(), d.getIntrinsicHeight());  
  85.     ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);  
  86.     spanString.setSpan(span, 01, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  87.     tv.append(spanString);  
  88. }  


  1. /** 
  2. * 超链接 
  3. */  
  4. private void addUrlSpan() {  
  5.     SpannableString spanString = new SpannableString("超链接");  
  6.     URLSpan span = new URLSpan("tel:0123456789");  
  7.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  8.     tv.append(spanString);  
  9. }  
  10.   
  11.   
  12. /** 
  13. * 文字背景颜色 
  14. */  
  15. private void addBackColorSpan() {  
  16.     SpannableString spanString = new SpannableString("颜色2");  
  17.     BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW);  
  18.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  19.     tv.append(spanString);  
  20. }  
  21.   
  22.   
  23. /** 
  24. * 文字颜色 
  25. */  
  26. private void addForeColorSpan() {  
  27.     SpannableString spanString = new SpannableString("颜色1");  
  28.     ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);  
  29.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  30.     tv.append(spanString);  
  31. }  
  32.   
  33.   
  34. /** 
  35. * 字体大小 
  36. */  
  37. private void addFontSpan() {  
  38.     SpannableString spanString = new SpannableString("36号字体");  
  39.     AbsoluteSizeSpan span = new AbsoluteSizeSpan(36);  
  40.     spanString.setSpan(span, 05, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  41.     tv.append(spanString);  
  42. }  
  43.   
  44.   
  45. /** 
  46. * 粗体,斜体 
  47. */  
  48. private void addStyleSpan() {  
  49.     SpannableString spanString = new SpannableString("BIBI");  
  50.     StyleSpan span = new StyleSpan(Typeface.BOLD_ITALIC);  
  51.     spanString.setSpan(span, 02, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  52.     tv.append(spanString);  
  53. }  
  54.   
  55.   
  56. /** 
  57. * 删除线 
  58. */  
  59. private void addStrikeSpan() {  
  60.     SpannableString spanString = new SpannableString("删除线");  
  61.     StrikethroughSpan span = new StrikethroughSpan();  
  62.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  63.     tv.append(spanString);  
  64. }  
  65.   
  66. /** 
  67. * 下划线 
  68. */  
  69. private void addUnderLineSpan() {  
  70.     SpannableString spanString = new SpannableString("下划线");  
  71.     UnderlineSpan span = new UnderlineSpan();  
  72.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  73.     tv.append(spanString);  
  74. }  
  75.   
  76.   
  77.   
  78. /** 
  79. * 图片 
  80. */  
  81. private void addImageSpan() {  
  82.     SpannableString spanString = new SpannableString(" ");  
  83.     Drawable d = getResources().getDrawable(R.drawable.ic_launcher);  
  84.     d.setBounds(00, d.getIntrinsicWidth(), d.getIntrinsicHeight());  
  85.     ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);  
  86.     spanString.setSpan(span, 01, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  87.     tv.append(spanString);  
  88. }  

更多相关文章

  1. android studio Could not find com.android.support.constraint
  2. android ndk编译x264开源(用于android的ffmpeg中进行软编码)
  3. Android设置通知栏/状态栏透明改变通知栏颜色和app最上部分颜色
  4. GitHub 优秀的 Android(安卓)开源项目
  5. Android(安卓)组件资源库
  6. Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明
  7. Android(安卓)5.x特性概览二
  8. android加密解密完美教程
  9. Android(安卓)之 下拉框(Spinner)的简单使用

随机推荐

  1. Android 开发者从0到1发布一个微信小程序
  2. Android的跨进程通信介绍---------------
  3. Android 7 强势来袭开发者们不得不知道的
  4. android完美退出程序(创建单例管理所有打
  5. Android设计趋势分析10则
  6. RadioButton使用的过程中Text文本和图片
  7. android UncaughtExceptionHandler全局异
  8. 2011年智能手机:Android继续闪耀或暗淡?
  9. AVG Mobilation Pro for Android 手機防
  10. Java环境配置和Android(安卓)Studio的安