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