程序博客网 > 收看全球电视直播软件

让你的Textview酷炫起来

来源：互联网 发布：收看全球电视直播软件 编辑：程序博客网 时间：2024/05/18 00:04

        TextView算是Android开发中最最常用的控件了，有的时候，我们要给一个TextView中的显示的文字设置不同的样式或者响应事件，比如同一个TextView中，有的字是红色，有的字是蓝色，有的字点击之后有响应事件，有的点击之后没有响应事件，甚至我们想在TextView中显示一个数学公式等等，那么对于形形色色的需求我们有没有解决方案呢？当然有，一种是使用HTML来解决，另一种就是使用SpannableString，HTML比较简单，本文主要介绍后者。SpannableString可以用来显示复合文本，我们可以通过SpannableString给文本设置各种各样的样式，下面我们就来看看SpannableString的一些常见用法。

1.设置TextView的背景颜色

给TextView设置背景颜色这本身是很简单的，在XML文件中直接加入background属性即可，下面我们来看看怎么样通过SpannableString来给TextView设置背景颜色：
[java] view plain copy
print?
  1. tv1 = (TextView) this.findViewById(R.id.tv1);  
  2.         SpannableString ss1 = new SpannableString("设置背景颜色");  
  3.         ss1.setSpan(new BackgroundColorSpan(Color.parseColor("#FFD700")), 0,  
  4.                 ss1.length(), Spanned.SPAN_EXCLUSIVE_INCLUSIVE);  
  5.         tv1.setText(ss1);  

首先拿到一个TextView，然后构造一个SpannableString，构造方法中传入的参数就是我们要显示的文字，然后就是一个最终要的方法，通过setSpan来设置背景色，第一个参数是我们要设置的背景颜色，第二第三个参数是我们要给哪一段的文字设置背景（该段文字的startIndex和endIndex），最后一个参数有四个值：

[java] view plain copy
print?
  1. /** 
  2.  * Non-0-length spans of type SPAN_INCLUSIVE_EXCLUSIVE expand 
  3.  * to include text inserted at their starting point but not at their 
  4.  * ending point.  When 0-length, they behave like marks. 
  5.  */  
  6. public static final int SPAN_INCLUSIVE_EXCLUSIVE = SPAN_MARK_MARK;  
  7.   
  8. /** 
  9.  * Spans of type SPAN_INCLUSIVE_INCLUSIVE expand 
  10.  * to include text inserted at either their starting or ending point. 
  11.  */  
  12. public static final int SPAN_INCLUSIVE_INCLUSIVE = SPAN_MARK_POINT;  
  13.   
  14. /** 
  15.  * Spans of type SPAN_EXCLUSIVE_EXCLUSIVE do not expand 
  16.  * to include text inserted at either their starting or ending point. 
  17.  * They can never have a length of 0 and are automatically removed 
  18.  * from the buffer if all the text they cover is removed. 
  19.  */  
  20. public static final int SPAN_EXCLUSIVE_EXCLUSIVE = SPAN_POINT_MARK;  
  21.   
  22. /** 
  23.  * Non-0-length spans of type SPAN_EXCLUSIVE_INCLUSIVE expand 
  24.  * to include text inserted at their ending point but not at their 
  25.  * starting point.  When 0-length, they behave like points. 
  26.  */  
  27. public static final int SPAN_EXCLUSIVE_INCLUSIVE = SPAN_POINT_POINT;  

这四个值分别表示
1.前面包括，后面不包括，即在文本前插入新的文本会应用该样式，而在文本后插入新文本不会应用该样式
2.前面包括，后面包括，即在文本前插入新的文本会应用该样式，而在文本后插入新文本也会应用该样式
3.前面不包括，后面不包括
4.前面不包括，后面包括
好了，我们这里设置的是前面不包括，后面包括，我们看看效果：


当我们点击按钮的时候会不断往tv1中追加新的文本，这时新的文本会自动使用这个背景样式，这是因为我们的最后一个参数设置为了Spanned.SPAN_EXCLUSIVE_INCLUSIVE，我们的点击事件是这样的：
[java] view plain copy
print?
  1. tv1.append("1234");  

2.给文本设置点击事件

文本设置点击事件本身也是非常简单，之间在XML文件中设置clickable属性为true，然后就可以像给Button设置点击事件一样给TextView设置点击事件了，但是如果我们只想给一个TextView中的某几个文字设置点击事件，而不想给整个TextView设置点击事件，那么该怎么做？看下面的代码：
[java] view plain copy
print?
  1. tv2 = (TextView) this.findViewById(R.id.tv2);  
  2. SpannableString ss2 = new SpannableString("点我吧123456");  
  3. ss2.setSpan(new ClickableSpan() {  
  4.   
  5.     @Override  
  6.     public void onClick(View widget) {  
  7.         Log.i("lenve", "tv2---onClick");  
  8.         Toast.makeText(MainActivity.this, "点我呀", Toast.LENGTH_SHORT)  
  9.                 .show();  
  10.     }  
  11. }, 0, 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  12. tv2.setText(ss2);  
  13. // 设置tv2为可点击状态  
  14. tv2.setMovementMethod(LinkMovementMethod.getInstance());  

大部分和1中的代码一样，我们主要来说说setSpan方法，第一个参数是一个ClickableSpan对象，这里有一个onClick方法，该方法中就是我们对点击事件的响应，后面几个参数和前文一样，我们来看看效果：


同一个TextView中，只有前三个文字会响应点击事件，其余文字都不会响应该事件。这里要特别注意最后一行代码，我们要设置该TextView为可点击状态。

3.设置文本颜色

在1中我们设置了TextView的背景颜色，这里我们看看怎么设置文本的颜色：
[java] view plain copy
print?
  1. tv3 = (TextView) this.findViewById(R.id.tv3);  
  2.         SpannableString ss3 = new SpannableString("设置文本颜色");  
  3.         ss3.setSpan(new ForegroundColorSpan(Color.parseColor("#FF3030")), 0,  
  4.                 ss3.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  5.         tv3.setText(ss3);  

setSpan函数第一个参数是我们要设置的文本颜色，后面几个参数含义和之前介绍的一样，我们看看效果：


4.设置删除线效果

删除线效果在一些电商App中会用到，不要1999（一个删除线），不要998（一个删除线），只要XXX，我们看看怎么实现：
[java] view plain copy
print?
  1. tv6 = (TextView) this.findViewById(R.id.tv6);  
  2.         SpannableString ss6 = new SpannableString("删除线");  
  3.         ss6.setSpan(new StrikethroughSpan(), 0, ss6.length(),  
  4.                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  5.         tv6.setText(ss6);  

setSpan方法的第一个参数传入new StrikethroughSpan()即可，看看效果：



5.设置下划线效果

[java] view plain copy
print?
  1. tv7 = (TextView) this.findViewById(R.id.tv7);  
  2.         SpannableString ss7 = new SpannableString("下划线");  
  3.         ss7.setSpan(new UnderlineSpan(), 0, ss7.length(),  
  4.                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  5.         tv7.setText(ss7);  

setSpan方法第一个参数传入new UnderlineSpan()即可。

6.在TextView中设置图片

经常有人会问能不能在TextView中设置图片，如果能，要怎么设置，其实用SpannableString这个效果很容易实现，我们看看代码：
[java] view plain copy
print?
  1. tv8 = (TextView) this.findViewById(R.id.tv8);  
  2. SpannableString ss8 = new SpannableString("设置图片");  
  3. ss8.setSpan(  
  4. // DynamicDrawableSpan.ALIGN_BASELINE表示依照基线对齐  
  5. // DynamicDrawableSpan.ALIGN_BOTTOM表示依照底部对齐  
  6.         new DynamicDrawableSpan(DynamicDrawableSpan.ALIGN_BOTTOM) {  
  7.   
  8.             @Override  
  9.             public Drawable getDrawable() {  
  10.                 Drawable d = getResources().getDrawable(  
  11.                         R.drawable.ic_launcher);  
  12.                 d.setBounds(0, 0, 150, 150);  
  13.                 return d;  
  14.             }  
  15.         }, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);// 这里的参数0，1表示将“设”字替换为图片  
  16. tv8.setText(ss8);  

setSpan方法的第一个参数传入一个DynamicDrawableSpan对象，其中这个对象的构造函数是图片的对齐方式，一共有两种，如注释，实现该类的getDrawable方法，返回一个Drawable对象即可，注意这里的图片会替换掉文字（如果我们使用这种效果，很多情况下就是要让图片替换掉文字，所以这并不算一个问题），看效果图：


“设”字被图片替换掉了。

7.基于X轴的缩放

对于TextView中的文本我们也可以执行一些缩放操作，我们看看代码：
[java] view plain copy
print?
  1. tv9 = (TextView) this.findViewById(R.id.tv9);  
  2. SpannableString ss9 = new SpannableString("基于X轴缩放");  
  3. // ScaleXSpan中的参数大于1表示横向扩大，小于1大于0表示缩小，等于1表示正常显示  
  4. ss9.setSpan(new ScaleXSpan(2), 0, ss9.length(),  
  5.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  6. tv9.setText(ss9);  
只需要在setSpan方法中传入一个ScaleXSpan对象即可，里边参数含义看注释。
效果图如下：



8.设置字体粗体样式

看代码：
[java] view plain copy
print?
  1. tv10 = (TextView) this.findViewById(R.id.tv10);  
  2.         SpannableString ss10 = new SpannableString("字体样式，粗体、斜体等");  
  3.         ss10.setSpan(new StyleSpan(Typeface.BOLD), 5, 7,  
  4.                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  5.         tv10.setText(ss10);  

效果图：



9.上下标的使用

上下标的使用可以让我们很好的表达一个数学公式，比如完全平方差公式，这次我们先来看看效果图：



不错吧，那么我们再来看看代码实现：
[java] view plain copy
print?
  1. tv11 = (TextView) this.findViewById(R.id.tv11);  
  2. SpannableString ss11 = new SpannableString("(x1 + x2)2 = x12+x22+2x1x2");  
  3. // 设置下标  
  4. ss11.setSpan(new SubscriptSpan(), 2, 3,  
  5.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  6. // 设置下标字体大小  
  7. ss11.setSpan(new AbsoluteSizeSpan(30), 2, 3,  
  8.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  9. ss11.setSpan(new SubscriptSpan(), 7, 8,  
  10.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  11. ss11.setSpan(new AbsoluteSizeSpan(30), 7, 8,  
  12.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  13. ss11.setSpan(new SubscriptSpan(), 14, 15,  
  14.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  15. ss11.setSpan(new AbsoluteSizeSpan(30), 14, 15,  
  16.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  17. ss11.setSpan(new SubscriptSpan(), 18, 19,  
  18.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  19. ss11.setSpan(new AbsoluteSizeSpan(30), 18, 19,  
  20.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  21. ss11.setSpan(new SubscriptSpan(), 23, 24,  
  22.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  23. ss11.setSpan(new AbsoluteSizeSpan(30), 23, 24,  
  24.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  25. ss11.setSpan(new SubscriptSpan(), 25, 26,  
  26.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  27. ss11.setSpan(new AbsoluteSizeSpan(30), 25, 26,  
  28.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  29. // 设置上标  
  30. ss11.setSpan(new SuperscriptSpan(), 9, 10,  
  31.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  32. ss11.setSpan(new AbsoluteSizeSpan(30), 9, 10,  
  33.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  34. ss11.setSpan(new SuperscriptSpan(), 15, 16,  
  35.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  36. ss11.setSpan(new AbsoluteSizeSpan(30), 15, 16,  
  37.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  38. ss11.setSpan(new SuperscriptSpan(), 19, 20,  
  39.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  40. ss11.setSpan(new AbsoluteSizeSpan(30), 19, 20,  
  41.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  42. tv11.setText(ss11);  

这里代码有点长，不过大部分都是重复的，重要的都有注释，不赘述。


10.设置超链接

SpannableString也可以用来设置超链接，我们看看代码：
[java] view plain copy
print?
  1. tv13 = (TextView) this.findViewById(R.id.tv13);  
  2. SpannableString ss13 = new SpannableString("打电话，发短信，发邮件，打开网页");  
  3. ss13.setSpan(new URLSpan("tel:13534884482"), 0, 3,  
  4.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  5. ss13.setSpan(new URLSpan("smsto:13534884482"), 4, 7,  
  6.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  7. ss13.setSpan(new URLSpan("mailto:584991843@qq.com"), 8, 11,  
  8.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  9. ss13.setSpan(new URLSpan("http://www.baidu.com"), 12, 16,  
  10.         Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  11. tv13.setText(ss13);  
  12. tv13.setMovementMethod(LinkMovementMethod.getInstance());  

使用不同的协议可以分别跳转到打电话页面，发短信页面，发邮件页面以及打开网页，我们看看效果图：



好了，关于SpannableString的使用，这里只是给大家提供一个思路，更多的效果还要大家自己去探索，今晚就到这里吧。
阅读全文
0 0
收看全球电视直播软件 收看全球电视直播软件
原创粉丝点击
热门IT博客
linux调取后台数据linux调取后台数据
仁寿17年10月备案数据仁寿17年10月备案数据
中国历年财政支出数据
spring 高级编程
淘宝上文艺小物件店铺
贵州优易合创大数据
wpa2psk手机破解软件
js 跨域上传文件
餐饮软件价格
天天炫舞有代购软件
javascript 定义对象
c语言怎么写游戏脚本
ls k7m软件
软件环境
2017人工智能高校沙龙
陶瓷家装行业数据
淘宝日本代购鱼竿
槟榔谷蛛王灵淘宝价格
淘宝服装策划书
网络防静电地板
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 温湿度控制器 什么牌子的湿度计好 天平室的温湿度要求 电子湿度计准吗 工作地点相对湿度大于75 temperature温湿度计 婴儿房间温度湿度 祛湿茶 祛湿茶有用吗 参苓白术丸有除湿功效吗 头发湿着睡觉有什么害处 倍和堂茯湿膏有什么功效 祛湿足贴有用吗 白带水状湿裤子有味道 耳朵耳屎很湿有臭味 祛湿贴足贴有用吗 湿养王软膏有什么功效 女人被聊到湿有多难受 哪有伊人不湿鞋 去湿中药有哪些 除湿袋真的有用吗 常在河边走哪有不湿鞋 常在河边站哪有不湿鞋 湿毒清片 湿毒清 湿毒清软膏 身体上出湿毒图片 湿毒图片 湿毒症状 湿毒皮肤病 湿毒症状图片图 湿毒清和血毒丸哪个好 湿毒清血毒丸 排湿毒 皮肤湿毒 为什么会有湿毒 湿毒怎么去除 湿毒是什么意思 湿毒不能吃什么 湿毒是什么症状 怎么去湿毒

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里