【黑马程序员】TextView中显示表情图片、超链接及特殊字体
通常情况下,我们使用TextView展示的都是单一的文字内容,格式也比较固定。不过有时候我们需要对TextView中的文字进行处理,例如QQ聊天的时候,“/wx”就代表了微笑的表情,在文本显示的时候就要替换成图片的形式展示。而且,有些场景下需要我们在一串文本中掺杂一个超链接、把某个词组加粗显示等等。这时候都要我们对TextView中的内容进行处理了,如果大家出现了这样的需求,推荐大家使用一个Android中的特殊的类——SpannableString。首先我们看一些这个类的继承关系,
可以看出,SpannableString是实现了CharSequence接口的,所以我们可以把这个类的对象直接设置给TextView和EditText使用。而对字符串的处理都是通过SpannableString的setSpan(Object what, int start, int end,int flags)方法调用设置的,这里接收三个参数,第一个参数为设置的Span类型,我们接下来会详细展示,第二个和第三个参数代表文本需要处理的开始和结束的位置,最后一个参数是Span的位置是否包含开始位置和结束位置本身。接下来我们直接上代码,看一看它在各个场景下的使用。
可以看出,SpannableString是实现了CharSequence接口的,所以我们可以把这个类的对象直接设置给TextView和EditText使用。而对字符串的处理都是通过SpannableString的setSpan(Object what, int start, int end,int flags)方法调用设置的,这里接收三个参数,第一个参数为设置的Span类型,我们接下来会详细展示,第二个和第三个参数代表文本需要处理的开始和结束的位置,最后一个参数是Span的位置是否包含开始位置和结束位置本身。接下来我们直接上代码,看一看它在各个场景下的使用。
先看第一种案例,类似于QQ表情,我们要把特殊的字符串替换为表情图片来展示。这里我们先把SpannableString创建出来,构造接受的参数就是我们需要处理的字符串,创建完成之后就可以通过setSpan的方式替换文本中的内容了。这里我们通过正则表达式替换了所有的“<img>”为应用程序的默认图标,在展示结果的时候,上方的TextView我们展示未处理的文本,下方的TextView展示处理后的内容。
01 02 03 04 05 06 07 08 09 10 11 12 13 | // 示例1,将文字中的特定字符转换为图片显示 String string1 = "把文字中的<img>替换为应用程序图标<img><img>"; // 多次更改内容需要使用SpannableString SpannableString spannableString1 = new SpannableString(string1); String regex = "<img>"; Pattern pattern = Patternpile(regex); 黑马程序员前端全套视频 Matcher matcher = pattern.matcher(string1); while (matcher.find()) { spannableString1.setSpan(new ImageSpan(this, R.mipmap.ic_launcher), matcher.start(), matcher.end(), Spanned.SPAN_INCLUSIVE_INCLUSIVE); } tv_1.setText(string1); tv_1_span.setText(spannableString1); |
执行效果如下,可以看出,文本的“<img>”都已经替换为了图片:
如果我们把所有的表情规则都预定义好存入数据库中,就可以进行动态的规则匹配来实现QQ表情的效果了。
接下来我们看第二个案例,如果我们想把文本转成一个超链接,类似这种效果
应该如何处理呢?
同样还是使用setSpan方法,这一次传递的参数是URLSpan,这种类型的Span可以接收所有的URL的字符串来转换为超链接。上代码:
01 02 03 04 05 06 07 08 09 10 11 12 | // 示例2,将文字转换为超链接,任意的URI类型都可以设置 String string2 = "点击进入黑马程序员"; SpannableString spannableString2 = new SpannableString(string2); spannableString2.setSpan(new URLSpan("www.itheima"), 0, spannableString2 .length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // // 打电话 // spannableString2.setSpan(new URLSpan("tel://110"), 0, spannableString2 // .length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); tv_2.setText(string2); tv_2_span.setText(spannableString2); // 带点击事件的文本需要TextView设置MovementMethod响应 tv_2_span.setMovementMethod(Instance()); |
通过代码我们可以看出,我们不只能设置http协议的URL来打开一个网址,也可以设置Android自支持的URI格式,例如:“tel://电话号码”来。甚至是发送email、打开地图等都是可以的,大家可以根据自己的实际业务需求指定URI。不过这里需要注意,如果想要让文字接受点击事件的处理,就必须给TextView设置MovementMethod响应,也就是代码中的tv_2_span.Instance())。
如果我们的需求不仅仅满足于此,而是希望能在点击超链接的时候自己处理点击事件,这里我们还可以使用另一个Span类型,就是ClickableSpan了,我们一起来实现一下。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论