综述
一起先看看官方文档怎么说的:
Displays text to the user and optionally allows them to edit it. A TextView is a complete text editor, however the basic class is configured to not allow editing; see EditText for a subclass that configures the text view for editing.
To allow users to copy some or all of the TextView’s value and paste it somewhere else, set the XML attribute android:textIsSelectable to “true” or call setTextIsSelectable(true). The textIsSelectable flag allows users to make selection gestures in the TextView, which in turn triggers the system’s built-in copy/paste controls.
这个是官方文档给的概述,这是一个展示文本的一个基类,是EditText的父类,不允许用户编辑,如果想要配置这个类的话,去看看EditText。如果想让用户长按复制的话,可以在xml文件中配置属性android:textIsSelectable=”true”,也可以在代码中设置,setTextIsSelectable(true)即可,相信大家在也熟悉不过了,这次我们了解下TextView鲜为人知的用法。究竟什么用法呢,先看看需求吧,有需求才有实现么。
需求
这个是我从Uber乘车软件上截取下来的,因为那时候项目有这个需求。基本就是这样的,上面那段“当有…..详细信息”那块你怎么实现!难道你还用两个TextView拼接在一起嚒?显然不适合,因为,Android设备尺寸,分辨率什么的太多了。很难做到适应每个屏幕。
实现
接下来一起实现下吧,用多个TextView的方式肯定是不行的,得排除掉。那么如何用一个TextView显示不同颜色的文本呢?这里我们有两种方式可以实现:
一、使用Html格式化文字。
String content = "当好友使用您的优惠码搭乘时,你们都\n将获得¥30!<font color='red'>详细信息</font>";
uber1.setText(Html.fromHtml(content));
这样我们可以通过写Html的方式来显示文本,可以控制它的大小,颜色,字体。但是,这种解析也并不一定是万能的,我们跟进Html的源码看看:
private void handleStartTag(String tag, Attributes attributes) {
if (tag.equalsIgnoreCase("br")) {
// We don't need to handle this. TagSoup will ensure that there's a </br> for each <br>
// so we can safely emite the linebreaks when we handle the close tag.
} else if (tag.equalsIgnoreCase("p")) {
handleP(mSpannableStringBuilder);
} else if (tag.equalsIgnoreCase("div")) {
handleP(mSpannableStringBuilder);
} else if (tag.equalsIgnoreCase("strong")) {
start(mSpannableStringBuilder, new Bold());
} else if (tag.equalsIgnoreCase("b")) {
start(mSpannableStringBuilder, new Bold());
} else if (tag.equalsIgnoreCase("em")) {
start(mSpannableStringBuilder, new Italic());
} else if (tag.equalsIgnoreCase("cite")) {
start(mSpannableStringBuilder, new Italic());
} else if (tag.equalsIgnoreCase("dfn")) {
start(mSpannableStringBuilder, new Italic());
} else if (tag.equalsIgnoreCase("i")) {
start(mSpannableStringBuilder, new Italic());
} else if (tag.equalsIgnoreCase("big")) {
start(mSpannableStringBuilder, new Big());
} else if (tag.equalsIgnoreCase("small")) {
start(mSpannableStringBuilder, new Small());
} else if (tag.equalsIgnoreCase("font")) {
startFont(mSpannableStringBuilder, attributes);
} else if (tag.equalsIgnoreCase("blockquote")) {
handleP(mSpannableStringBuilder);
start(mSpannableStringBuilder, new Blockquote());
} else if (tag.equalsIgnoreCase("tt")) {
start(mSpannableStringBuilder, new Monospace());
} else if (tag.equalsIgnoreCase("a")) {
startA(mSpannableStringBuilder, attributes);
} else if (tag.equalsIgnoreCase("u")) {
start(mSpannableStringBuilder, new Underline());
} else if (tag.equalsIgnoreCase("sup")) {
start(mSpannableStringBuilder, new Super());
} else if (tag.equalsIgnoreCase("sub")) {
start(mSpannableStringBuilder, new Sub());
} else if (tag.length() == 2 &&
Character.toLowerCase(tag.charAt(0)) == 'h' &&
tag.charAt(1) >= '1' && tag.charAt(1) <= '6') {
handleP(mSpannableStringBuilder);
start(mSpannableStringBuilder, new Header(tag.charAt(1) - '1'));
} else if (tag.equalsIgnoreCase("img")) {
startImg(mSpannableStringBuilder, attributes, mImageGetter);
} else if (mTagHandler != null) {
mTagHandler.handleTag(true, tag, mSpannableStringBuilder, mReader);
}
}
这个是解析开始标签的方法,我们可以看到,他只支持这些标签,但是Google还做了一些拓展,如果你用到了其他标签或者是自定义标签,你可以通过实现
/**
* Is notified when HTML tags are encountered that the parser does
* not know how to interpret.
*/
public static interface TagHandler {
/**
* This method will be called whenn the HTML parser encounters
* a tag that it does not know how to interpret.
*/
public void handleTag(boolean opening, String tag,
Editable output, XMLReader xmlReader);
}
这个接口,来实现自己的业务需求。有一点需要注意的是,如果你想在TextView上用<image>标签时,还需要实现一个接口:
/**
* Retrieves images for HTML <img> tags.
*/
public static interface ImageGetter {
/**
* This method is called when the HTML parser encounters an
* <img> tag. The <code>source</code> argument is the
* string from the "src" attribute; the return value should be
* a Drawable representation of the image or <code>null</code>
* for a generic replacement image. Make sure you call
* setBounds() on your Drawable if it doesn't already have
* its bounds set.
*/
public Drawable getDrawable(String source);
}
其中的英文解释的已经很清楚了,这里也不做赘述了,但是它强调的是一定要给图片设置边界,然后再forHtml()方法中将自己实现的接口放进去就行了。
二、 通过SpannableString来设置文本内容
通过这个类可以给他设置各种类型的span,常见的span的类型有一下这些,都通过一些实例来说明用法:
//设置字体(default,default-bold,monospace,serif,sans-serif) msp.setSpan(new TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//设置字体大小(绝对值,单位:像素)
msp.setSpan(new AbsoluteSizeSpan(20), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//设置字体大小(相对值,单位:像素) 参数表示为默认字体大小的多少倍 msp.setSpan(new RelativeSizeSpan(0.5f), 8, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //0.5f表示默认字体大小的一半
//设置字体前景色
msp.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12, 15, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //设置前景色为洋红色
//设置字体背景色
msp.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //设置背景色为青色
//设置字体样式正常,粗体,斜体,粗斜体
msp.setSpan(new StyleSpan(android.graphics.Typeface.NORMAL), 18, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //正常
//设置下划线
msp.setSpan(new UnderlineSpan(), 27, 30, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//设置删除线
msp.setSpan(new StrikethroughSpan(), 30, 33, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//设置上下标
msp.setSpan(new SubscriptSpan(), 34, 35, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //下标
msp.setSpan(new SuperscriptSpan(), 36, 37, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //上标
//超级链接(需要添加setMovementMethod方法附加响应) msp.setSpan(new URLSpan("tel:4155551212"), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //电话
TextView.setMovementMethod(LinkMovementMethod.getInstance());
其中:
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE等的作用:
用来标识在 Span 范围内的文本前后输入新的字符时是否把它们也应用这个效果。分别有 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括)、Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括,后面不包括)、Spanned.SPAN_EXCLUSIVE_INCLUSIVE(前面不包括,后面包括)、Spanned.SPAN_INCLUSIVE_INCLUSIVE(前后都包括)。
那么,这种方法和上面的方法有什么区别呢,其实使用上面的那种方法,最后也是一样的调用第二种方式来格式化的,只不过android系统帮我们解析了html而已。我们使用起来比较方便,但是尽量的使用第二种方法,因为,性能更高。并且使用第二种方法的时候,还有其他的优势,就是我们可以自定义span,比如:还是那个需求,再增加一个功能,点击详细信息,可以弹出个框,提示用户一些重要的信息。
我们自定义个span继承ClickableSpan,URLSpan也是继承ClickableSpan的:
private class MyClickPan extends ClickableSpan{
private final String mURL;
public MyClickPan(String url){
mURL = url;
}
@Override
public void onClick(View widget) {
if(mURL != null){
Toast.makeText(widget.getContext(),"uri = "+mURL,Toast.LENGTH_SHORT).show();
}
}
@Override
public void updateDrawState(TextPaint ds) {
super.updateDrawState(ds);
//取消下划线
ds.setUnderlineText(false);
ds.setColor(Color.RED);
}
}
然后再给SpannableString.setPan就可以了:
SpannableString spannableString = new SpannableString(values[0]);
spannableString.setSpan(new MyClickPan("Nipuream"), values[0].indexOf("!") + 1, values[0].length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
uber.setText(spannableString);
uber.setHighlightColor(Color.WHITE);
uber.setMovementMethod(LinkMovementMethod.getInstance());
这样就实现了我们的需求。