Android控件组合应用五

接上一篇，现在ListView已经有了基本外观，能够显示用户名的微博内容了，接下来，我们来把URL和@符号以特殊的外观显示出来。

对于URL的显示，我想大家都知道，就是把TextView的AutoLinkMask属性进行设置，这样不仅能把URL展示为链接，还可以正确的识别邮箱地址和电话号码等链接。

那么对于“@昵称”这样的形式，大家不妨试一下，仅仅通过设置AutoLinkMask是不够的，是不能被识别出来的。因为这显示不在它能自动识别的链接的格式之内。

那么如何处理这个元素呢？

我们可以分两步来考虑，一是识别这种形态，另一是用特殊的颜色表现出来。

首先是识别，这里我用最简单的办法进行了识别的过程，即找到‘@’符号，再向后在一定范围内找到‘：’或‘ ’，然后这中间的字符即是识别出来的部分。只是演示，显然不能涵盖所有的情况。

然后是表现，如果想在TextView中对部分文字使用特别的颜色，最便捷的方式就是使用HTML元素，即通过为其添加<Font>标签来影响Android的渲染。

这两步都有了解决思路，开始编码吧。

从TextView继承一个子类BlogTextView，改写其中的setText()方法，对设置进来的文本进行保存，然后识别出其中的“@昵称”形式，识别好以后为其加入<Font>标签，再利用基类的SetText()方法进行处理，当然，也不能忘了为其打开AutoLinkMask，还有改写getText()方法，返回类中保存的原始文本信息。代码如下：

package com.wenbin.test;

import java.util.Map;
import java.util.Set;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.text.Html;
import android.text.Html.ImageGetter;
import android.text.util.Linkify;
import android.util.AttributeSet;
import android.widget.TextView;

public class BlogTextView extends TextView {
	private static final int NAMELENGTH=15; //假设昵称不超过15个字符
	private CharSequence text;

	public BlogTextView(Context context) {
		super(context);
		setAutoLinkMask(Linkify.ALL);
	}

	public BlogTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
		setAutoLinkMask(Linkify.ALL);
	}

	public BlogTextView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		setAutoLinkMask(Linkify.ALL);
	}
	
	@Override
	public CharSequence getText() {
		return text==null?"":text;
	}

	@Override
	public void setText(CharSequence text, BufferType type) {
		this.text=text;
		
		String cs=text.toString();
		String font1="<font color=#339966>";
		String font2="</font>";
		
		//找以'@'开头以':'或' '结尾的子串，将其使用font标记进行修饰
		int start=0;
		while(true){
			start=cs.indexOf('@',start);
			if (start<cs.length() && start>=0){
				int end=cs.indexOf(' ',start);
				if (end<cs.length() && end>0 && end-start<=NAMELENGTH){
					CharSequence subcs=new String(cs.subSequence(start, end).toString());
					cs=cs.replace(subcs,font1+subcs+font2 );
					start+=font1.length()+subcs.length()+font2.length();
				}
				else{
					end=cs.indexOf(':',start);
					if (end<cs.length() && end>0 && end-start<=NAMELENGTH){
						CharSequence subcs=new String(cs.subSequence(start, end).toString());
						cs=cs.replace(subcs,font1+subcs+font2 );
						start+=font1.length()+subcs.length()+font2.length();
					}
				}
				start+=1;
			}
			else{
				break;
			}
		}
		
		super.setText(Html.fromHtml(cs), type);
	}
}

写完以后，把资源文件blogview.xml中id为blogText和reBlogText的TextView改为com.wenbin.test.BlogTextView，这是使用自定义控件的方法。代码片断如下：

  		<com.wenbin.test.BlogTextView android:id="@+id/blogText" android:layout_height="wrap_content"
 			android:layout_below="@+id/userName"
 			android:textColor="@color/black"
 			android:textSize="15sp" android:layout_width="wrap_content">
 		</com.wenbin.test.BlogTextView>

运行程序，效果如下图所示：

——欢迎转载，请注明出处 http://blog.csdn.net/caowenbin ——