展会信息港展会大全

Android控件组合应用 URL和@符号以特殊的外观显示出来
来源:互联网   发布日期:2015-11-26 11:16:39   浏览:1435次  

导读:接上一篇,现在ListView已经有了基本外观,能够显示用户名的微博内容了,接下来,我们来把URL和@符号以特殊的外观显示出来。对于URL的显示,我想大家都知道,就是把TextView的AutoLinkMask属性进行设置,这样不仅......

接上一篇,现在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>

赞助本站

人工智能实验室

相关热词: 控件 URL

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港