安卓开发笔记——个性化TextView(新浪微博)

这几天在仿写新浪微博客户端，在处理微博信息的时候需要处理关键字高亮和微博表情，查了一些资料，决定记录点东西

先来看下效果图：

像以上这种#话题#，@XXX昵称，HTTP:网页链接等元素，在微博里是被高亮成蓝色效果的。

 

那么在我们的安卓程序开发中应该如何动态的实现这些效果呢？

其实很简单，我写了个小例子，先来看下效果图：

其实要实现这种效果非常的简单，在Android里已经帮我们封装好了一系列的工具类，例如：

android.text.Spanned

android.text.SpannableString

android.text.SpannableStringBuilder

SpannableString和 SpannableStringBuilder可以用来设置不同的Span，可以很容易的实现个性化TextView，比如粗体，斜体，前景色，背景色，字体大小，字体风格等等，android.text.style.*中定义了很多的Span类型可供使用。

 

其实也没什么好说的，这只是个工具类，只需要掌握他的一般使用方法就可以了，这里直接上代码（附注释）

 1 package com.example.spannabletest;
 2 
 3 import java.util.HashMap;
 4 import java.util.Map;
 5 import java.util.regex.Matcher;
 6 import java.util.regex.Pattern;
 7 
 8 import android.app.Activity;
 9 import android.graphics.Color;
10 import android.graphics.drawable.Drawable;
11 import android.os.Bundle;
12 import android.text.SpannableString;
13 import android.text.Spanned;
14 import android.text.style.ForegroundColorSpan;
15 import android.text.style.ImageSpan;
16 import android.text.style.RelativeSizeSpan;
17 import android.widget.TextView;
18 
19 public class MainActivity extends Activity {
20     
21     private TextView textView;
22 
23     //待转换字符串
24     private String info="#我爱JAVA#我的微博名：@Balla_兔子 [兔子]http://weibo.com/lichenwei1992";
25 
26     @Override
27     protected void onCreate(Bundle savedInstanceState) {
28         super.onCreate(savedInstanceState);
29         setContentView(R.layout.activity_main);
30         textView=(TextView) findViewById(R.id.tx);
31         
32         
33         
34         
35         /**
36          * 在Android里提供了许多个性化TextView内容的工具类， 使用这些类可以代替常规String。
37          * android.text.Spanned
38          * android.text.SpannableString
39          * android.text.SpannableStringBuilder
40          * 
41          * 由于Spannable等类最终都实现了CharSequence接口，所以可以直接把SpannableString和SpannableStringBuilder通过TextView.setText()设置给TextView。
42          */
43         
44         //实例化一个Spannable对象
45         SpannableString spannableString=new SpannableString(info);
46         //通过setSpan()方法可以用来定义不同的样式内容
47         //设置字体
48         //方式一：直接定位
49         spannableString.setSpan(new ForegroundColorSpan(Color.BLUE), 0, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
50         //方式二：配合String工具类定位
51         spannableString.setSpan(new ForegroundColorSpan(Color.BLUE), info.indexOf("@"), info.indexOf(" "), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
52         //方式三,利用正则表达式匹配定位
53         Map<String,Integer> map=getHttpPostion();
54         spannableString.setSpan(new ForegroundColorSpan(Color.BLUE),map.get("start"), map.get("end"), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
55         
56         //设置字体大小
57         spannableString.setSpan(new RelativeSizeSpan((float) 1.5),map.get("start"),info.length(),Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
58         //设置图片表情
59         Drawable drawable=getResources().getDrawable(R.drawable.d_tuzi);
60         drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
61         spannableString.setSpan(new ImageSpan(drawable), info.indexOf("["), info.indexOf("]")+1, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
62         
63         
64         textView.setText(spannableString);        
65         
66         
67     }
68     
69     public Map<String,Integer> getHttpPostion(){
70         Map<String,Integer> map=new HashMap<String,Integer>();
71         Pattern pattern=Pattern.compile("http:.*");
72         Matcher matcher=pattern.matcher(info);
73         if(matcher.find()){
74             map.put("start", matcher.start());
75             map.put("end", matcher.end());
76         }
77         return map;
78         
79     }
80 
81 
82 
83 
84 }

 

使用方法：

 

1、要使用个性化TextView的时候，我们需要创建一个SpannableString或SpannableStringBuilder，它们的区别在于 SpannableString像一个String一样，构造对象的时候传入一个String，之后再无法更改String的内容，也无法拼接多个 SpannableString；而SpannableStringBuilder则更像是StringBuilder，它可以通过其append()方法来拼接多个String。

SpannableString类：

SpannableStringBuffer类：

 

2、创建完Spannable对象后，可以为它们设置Span来实现想要的个性化了（SpannableString和SpannableStringBuilder都有一个相同的Span方法）

这里是API：

参数一:Object what（这里是指风格）

　　AbsoluteSizeSpan(int size) ：设置字体大小，参数是绝对数值，相当于Word中的字体大小。

　　RelativeSizeSpan(float proportion) ：设置字体大小，参数是相对于默认字体大小的倍数。

　　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在使用的时候通常只传上面所说明的构造参数即可，不需要设置其他的属性，如果需要的话，也可以对它们设置其他的属性，详情可以参见API文档。

 

参数二和三：（int start，int end）

这里是指个性化匹配的位置：这里有很多种方式去实现，例如直接写死位置，也可以和String类的一些方法配合使用，比如：indexOf()，也可以写个正则匹配方法，如果要匹配多次可以把这些匹配存入一个Map集合，具体情况，根据自己的项目抉择哈。

 

参数四：（int flags）

常用的有：（这里理解起来就好像数学中的区间定义，开区间或是闭区间）

　　Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点

　　Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start，但包含end所在的端点

　　Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含两端start，但不包含end所在的端点

　　Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含两端start和end所在的端点

还有一些其他的属性，这里就不一一列举了，大家自己翻看API文档吧。

 

再来翻看下SpannableString和SpannableStringBuffer的源码，我们可以发现，他们都实现了CharSequence接口，所以他们可以直接在TextView.setText()中设置

 

好了，这里只是抛砖引玉，给出了最基础的使用方法，具体项目中还需要去灵活的变换使用方法。

posted @ 2015-04-09 20:27  李晨玮  阅读(2547)  评论(0)  编辑  收藏  举报