前言
TextView和EditText是用来显示文本的,有时需要给TextView中的个别字设置为超链接,或者设置个别字的颜色、字体等,那就需要用到Spannable对象,可以借助Spannable对象实现以上设置。
android spannable超链接字体高亮下划线效果
要给 TextView 加上效果,方式主要有几种:
第一种,自动应用效果,使用 android:autoLink 属性
|
|
第二种,在文本中使用标签
|
|
第三种,和第二种其实是一样的,只不过将文本改在 JAVA 代码中
|
|
第四种,前面三种可以说都是自动的,而第四种就是纯“手工”的了。
通过创建 SpanableString 字符串,并在之上创建一个或多个 Span 来实现丰富的效果。例子如下:
注意事项
.setMovementMethod,此方法在需要响应用户事件时使用,如点击一个电话号码就跳转到拨号页面。如果不执行这个方法是不会响应事件的,即便文本看着已经是下划线蓝色字了。
.Spanned.SPAN_EXCLUSIVE_EXCLUSIVE,这是在 setSpan 时需要指定的 flag,它是用来标识在 Span 范围内的文本前后输入新的字符时是否把它们也应用这个效果。分别有 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括)、Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括,后面不包括)、Spanned.SPAN_EXCLUSIVE_INCLUSIVE(前面不包括,后面包括)、Spanned.SPAN_INCLUSIVE_INCLUSIVE(前后都包括)。看个截图就更明白了:
对比
使用示例
Android中一般情况下,TextView中的文本都是一个样式。实现对于TextView中各个部分的文本来设置字体,大小,颜色,样式,以及超级链接等属性。
res-layout-main.xml:
res-color-color.xml
res-color-linkcolor.xml:
TextViewLinkActivity.java类
|
|
效果预览
常用的属性
- 1、BackgroundColorSpan 背景色
- 2、ClickableSpan 文本可点击,有点击事件
- 3、ForegroundColorSpan 文本颜色(前景色)
- 4、MaskFilterSpan 修饰效果,如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)
- 5、MetricAffectingSpan 父类,一般不用
- 6、RasterizerSpan 光栅效果
- 7、StrikethroughSpan 删除线(中划线)
- 8、SuggestionSpan 相当于占位符
- 9、UnderlineSpan 下划线
- 10、AbsoluteSizeSpan 绝对大小(文本字体)
- 11、DynamicDrawableSpan 设置图片,基于文本基线或底部对齐。
- 12、ImageSpan 图片
- 13、RelativeSizeSpan 相对大小(文本字体)
- 14、ReplacementSpan 父类,一般不用
- 15、ScaleXSpan 基于x轴缩放
- 16、StyleSpan 字体样式:粗体、斜体等
- 17、SubscriptSpan 下标(数学公式会用到)
- 18、SuperscriptSpan 上标(数学公式会用到)
- 19、TextAppearanceSpan 文本外貌(包括字体、大小、样式和颜色)
- 20、TypefaceSpan 文本字体
- 21、URLSpan 文本超链接
使用示例
1、BackgroundColorSpan 背景色12345SpannableString spanText = new SpannableString("萝卜白菜的博客 -- http://orgcent.com");spanText.setSpan(new BackgroundColorSpan(Color.GREEN), 0, spanText.length(),Spannable.SPAN_INCLUSIVE_EXCLUSIVE);mTVText.append("\n");mTVText.append(spanText);
2、ClickableSpan 文本可点击,有点击事件(见本文前半部分)
3、ForegroundColorSpan 文本颜色(前景色)
4、MaskFilterSpan 修饰效果,如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)
PS:从上图看,浮雕效果不明显。把字体设置大点后可以看得清晰些。需要其他效果可以继承MaskFilter来自定义。
6、RasterizerSpan 光栅效果
PS:暂不清楚,效果不明显。
7、StrikethroughSpan 删除线(中划线)
8、SuggestionSpan
相当于占位符,一般用在EditText输入框中。当双击此文本时,会弹出提示框选择一些建议(推荐的)文字,选中的文本将替换此占位符。在输入法上用的较多。
PS:API 14新增,暂无示例。
9、UnderlineSpan 下划线
10、AbsoluteSizeSpan 绝对大小(文本字体)
PS:把字体大小设置大点,效果硬朗。
11、DynamicDrawableSpan 设置图片,基于文本基线或底部对齐。
PS:左边图片基于基线对齐,右边图片基于底部对齐
12、ImageSpan 图片
PS:和DynamicDrawableSpan差别不大
13、RelativeSizeSpan 相对大小(文本字体)
PS:相对大小的比例是基于当前文本字体大小
15、ScaleXSpan 基于x轴缩放
16、StyleSpan 字体样式:粗体、斜体等
17、SubscriptSpan 下标(数学公式会用到)
18、SuperscriptSpan 上标(数学公式会用到)
19、TextAppearanceSpan 文本外貌(包括字体、大小、样式和颜色)
PS:系统还提供了相关值TextAppearance_Small, TextAppearance_Large等。如有需要可在以上样式基础上修改。
20、TypefaceSpan 文本字体
PS:关于自定义字体的设置,后面将介绍如何使用
21、URLSpan 文本超链接