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

浏览数：38 / 时间：2015年06月11日

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

先来看下效果图：

技术分享

像以上这种#话题#，@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类：

技术分享