Android控件组合应用五

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

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

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

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

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

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

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

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

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

view plain

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，这是使用自定义控件的方法。代码片断如下：

view plain

<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 ——