Android控件组合应用五

    技术2022-05-14  18

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

    对于URL的显示,我想大家都知道,就是把TextViewAutoLinkMask属性进行设置,这样不仅能把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.xmlidblogTextreBlogTextTextView改为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 ——


    最新回复(0)