关于SpannableString属性详细介绍以及利用SpannableString显示多种文本效果
2017-09-28 15:56
651 查看
关于SpannableString:
SpannableString其实和String一样,都是一种字符串类型,同样TextView也可以直接设置SpannableString作为显示文本,不同的是SpannableString可以通过使用其方法setSpan方法实现字符串各种形式风格的显示,重要的是可以指定设置的区间,也就是为字符串指定下标区间内的子字符串设置格式。下面我们一一解读几种Span常用的格式:
1. ForegroundColorSpan为文本设置前景色,效果和TextView的setTextColor()类似,实现方法如下:
SpannableString spannableString = new SpannableString("设置文字的前景色为淡蓝色"); ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#0099EE")); spannableString.setSpan(colorSpan, 9, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE); textView.setText(spannableString);
2. BackgroundColorSpan
为文本设置背景色,效果和TextView的setBackground()类,实现方法如下:
SpannableString spannableString = new SpannableString("设置文字的背景色为淡绿色"); BackgroundColorSpan colorSpan = new BackgroundColorSpan(Color.parseColor("#AC00FF30")); spannableString.setSpan(colorSpan, 9, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE); textView.setText(spannableString);
3. RelativeSizeSpan
设置文字相对大小,在TextView原有的文字大小的基础上,相对设置文字大小,实现方法如下:
SpannableString spannableString = new SpannableString("万丈高楼平地起"); RelativeSizeSpan sizeSpan01 = new RelativeSizeSpan(1.2f); RelativeSizeSpan sizeSpan02 = new RelativeSizeSpan(1.4f); RelativeSizeSpan sizeSpan03 = new RelativeSizeSpan(1.6f); RelativeSizeSpan sizeSpan04 = new RelativeSizeSpan(1.8f); RelativeSizeSpan sizeSpan05 = new RelativeSizeSpan(1.6f); RelativeSizeSpan sizeSpan06 = new RelativeSizeSpan(1.4f); RelativeSizeSpan sizeSpan07 = new RelativeSizeSpan(1.2f); spannableString.setSpan(sizeSpan01, 0, 1, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); spannableString.setSpan(sizeSpan02, 1, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); spannableString.setSpan(sizeSpan03, 2, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); spannableString.setSpan(sizeSpan04, 3, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); spannableString.setSpan(sizeSpan05, 4, 5, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); spannableString.setSpan(sizeSpan06, 5, 6, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); spannableString.setSpan(sizeSpan07, 6, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); textView.setText(spannableString);
4. StrikethroughSpan
为文本设置中划线,也就是常说的删除线,实现方法如下:
SpannableString spannableString = new SpannableString("为文字设置删除线"); StrikethroughSpan strikethroughSpan = new StrikethroughSpan(); spannableString.setSpan(strikethroughSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE); textView.setText(spannableString);
5. UnderlineSpan
为文本设置下划线,具体实现方法如下:
SpannableString spannableString = new SpannableString("为文字设置下划线"); UnderlineSpan underlineSpan = new UnderlineSpan(); spannableString.setSpan(underlineSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE); textView.setText(spannableString);
6. SuperscriptSpan
设置上标,具体实现方法如下:
SpannableString spannableString = new SpannableString("为文字设置上标"); SuperscriptSpan superscriptSpan = new SuperscriptSpan(); spannableString.setSpan(superscriptSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE); textView.setText(spannableString);
7. SubscriptSpan,设置下标
8. StyleSpan
为文字设置风格(粗体、斜体),和TextView属性textStyle类似,实现方法如下:
SpannableString spannableString = new SpannableString("为文字设置粗体、斜体风格"); StyleSpan styleSpan_B = new StyleSpan(Typeface.BOLD); StyleSpan styleSpan_I = new StyleSpan(Typeface.ITALIC); spannableString.setSpan(styleSpan_B, 5, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); spannableString.setSpan(styleSpan_I, 8, 10, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); textView.setHighlightColor(Color.parseColor("#36969696")); textView.setText(spannableString);
9. ImageSpan
设置文本图片,实现方法如下:
SpannableString spannableString = new SpannableString("在文本中添加表情(表情)"); Drawable drawable = getResources().getDrawable(R.mipmap.a9c); drawable.setBounds(0, 0, 42, 42); ImageSpan imageSpan = new ImageSpan(drawable); spannableString.setSpan(imageSpan, 6, 8, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); textView.setText(spannableString);
10. ClickableSpan,设置可点击的文本
11. URLSpan
设置超链接文本,实现方法如下:
SpannableString spannableString = new SpannableString("为文字设置超链接"); URLSpan urlSpan = new URLSpan("http://www.jianshu.com/users/dbae9ac95c78"); spannableString.setSpan(urlSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE) textView.setMovementMethod(LinkMovementMethod.getInstance()); textView.setHighlightColor(Color.parseColor("#36969696")); textView.setText(spannableString);
Demo:
git地址,点此链接相关文章推荐
- Core Animation基础介绍、简单使用CALayer以及多种动画效果
- 超过单元格长度的文本用省略号表示,利用title属性实现鼠标移上去会显示全文,但有时候只看到一部分
- 利用自定义属性,定义枚举值的详细文本
- Core Animation基础介绍、简单使用CALayer以及多种动画效果
- html5中表格的各种属性以及应用详细介绍
- 用SpannableString打造绚丽多彩的文本显示效果
- Core Animation基础介绍、简单使用CALayer以及多种动画效果
- android - SpannableString或SpannableStringBuilder以及string.xml文件中的整型和string型代替
- SpannableString与SpannableStringBuilder(把字符串转换成图片等,字符串在textview 等控件显示不同的颜色,背景样式的方法)
- 用SpannableString打造绚丽多彩的文本显示效果
- 关于qmake以及.pro文件的详细介绍
- 关于ID3 C4.5 以及贝叶斯算法的详细介绍
- 用SpannableString打造绚丽多彩的文本显示效果
- iOS UILabel利用NSMutableString显示不同样式的文字(富文本)
- 利用自定义属性定义枚举值的详细文本(兼容silverlight)
- 文字效果和表情图片:JAVA正则表达式 Pattern和Matcher、SpannableString与SpannableStringBuilder
- 用SpannableString打造绚丽多彩的文本显示效果
- 用SpannableString打造绚丽多彩的文本显示效果
- iOS开发UISlider滑动条的属性介绍以及于标签联合使用实时显示变动值
- css3选择器、背景、边框、渐变、阴影以及文本效果的介绍及实现