Android SpannableString详细解析

最新推荐文章于 2024-03-24 22:47:37 发布
最新推荐文章于 2024-03-24 22:47:37 发布
阅读量1.1k 收藏 2
点赞数 1
分类专栏： Android 知识点 文章标签： SpannableString Spannable ForegroundColor ImageSpan ClickableSpan
原文链接：https://www.jianshu.com/p/472fd3e32324
版权

文章目录

什么是SpannableString？

SpannableString，是CharSequence的一种，原本的CharSequence只是一串字符序列，没有任何样式，而SpannableString可以在字符序列基础上对指定的字符进行润饰，在开发中，TextView可以通过setText(CharSequence)传入SpannableString作为参数，来达到显示不同样式文字的效果。

创建方式

SpannableString spannableString = new SpannableString("如果我是陈奕迅");

如何对SpannableString进行润饰？

一般通过以下方式进行设置

spannableString.setSpan(Object what, int start, int end, int flags);

这里讲解一下几个参数的意义

  • what：对SpannableString进行润色的各种Span；
  • int：需要润色文字段开始的下标；
  • end：需要润色文字段结束的下标；
  • flags：决定开始和结束下标是否包含的标志位，有四个参数可选
    • SPAN_INCLUSIVE_EXCLUSIVE：包括开始下标，但不包括结束下标
    • SPAN_EXCLUSIVE_INCLUSIVE：不包括开始下标，但包括结束下标
    • SPAN_INCLUSIVE_INCLUSIVE：既包括开始下标，又包括结束下标
    • SPAN_EXCLUSIVE_EXCLUSIVE：不包括开始下标，也不包括结束下标

这里涉及到一个重要的角色，就是各种各样的span，它决定我们要对文字的进行怎样的润饰，而后三个参数决定润饰哪些文字，为了方便起见，后面的flags默认都使用SPAN_INCLUSIVE_EXCLUSIVE模式。

各种Span

先来看一张类结构图，了解各种Span之间的关系
在这里插入图片描述

可以看出所有Span都继承于CharacterStyle这个抽象类，另外MetricAffectingSpan、ReplacementSpan和ClickableSpan都是抽象类，下面展示一些常用的Span

ForegroundColorSpan 前景色

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
ForegroundColorSpan foregroundColorSpan = new ForegroundColorSpan(Color.GREEN);
spannableString.setSpan(foregroundColorSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

ForegroundColorSpan：前景色，也就是对文字上色，颜色设置为GREEN，start为4，end为7，应该是“陈奕迅”三个字显示为绿色，看一下实际效果

在这里插入图片描述

BackgroudColorSpan 背景色

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
BackgroundColorSpan backgroundColorSpan = new BackgroundColorSpan(Color.GREEN);
spannableString.setSpan(backgroundColorSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

BackgroudColorSpan：与ForegroundColorSpan类似，对文字背景上色

在这里插入图片描述

ClickableSpan 点击事件

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
ClickableSpan clickableSpan = new ClickableSpan() {
    @Override
    public void onClick(View widget) {
        Toast.makeText(MainActivity.this, "如果我是陈奕迅", Toast.LENGTH_SHORT).show();
    }
    @Override
    public void updateDrawState(TextPaint ds) {
        ds.setUnderlineText(false);
    }
};
spannableString.setSpan(clickableSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setMovementMethod(LinkMovementMethod.getInstance());
mTextView.setText(spannableString);

ClickableSpan：是一个抽象类，实现可点击效果，可以重写onClick方法实现点击事件，这里点击“陈奕迅”三个字简单地弹toast

在这里插入图片描述

URLSpan 超链接

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
URLSpan urlSpan = new URLSpan("https://www.baidu.com/s?ie=UTF-8&wd=陈奕迅");
spannableString.setSpan(urlSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setMovementMethod(LinkMovementMethod.getInstance());
mTextView.setText(spannableString);

URLSpan：实现超链接的效果，继承于ClickableSpan，点击实现跳转到浏览器

在这里插入图片描述

MaskFilterSpan 模糊 浮雕

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
MaskFilterSpan embossMaskFilterSpan =
    new MaskFilterSpan(new EmbossMaskFilter(new float[]{10, 10, 10}, 0.5f, 1, 1));
spannableString.setSpan(embossMaskFilterSpan, 0, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(1.5f);
spannableString.setSpan(relativeSizeSpan, 0, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
MaskFilterSpan blurMaskFilterSpan = new MaskFilterSpan(new BlurMaskFilter(10, Blur.NORMAL));
spannableString.setSpan(blurMaskFilterSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

MaskFilterSpan：构造方法接受MaskFilter作为参数，其中它有两个子类：EmbossMaskFilter和BlurMaskFilter
EmbossMaskFilter实现浮雕效果

EmbossMaskFilter(float[] direction, float ambient, float specular, float blurRadius)
  • direction：float数组，定义长度为3的数组标量[x,y,z]，来指定光源的方向
  • ambient：环境光亮度，0~1
  • specular：镜面反射系数
  • blurRadius：模糊半径，必须>0

BlurMaskFilter实现模糊效果

BlurMaskFilter(float radius, Blur style)
  • radius：模糊半径
  • style：有四个参数可选
    • BlurMaskFilter.Blur.NORMAL：内外模糊
    • BlurMaskFilter.Blur.OUTER：外部模糊
    • BlurMaskFilter.Blur.INNER：内部模糊
    • BlurMaskFilter.Blur.SOLID：内部加粗，外部模糊

在这里插入图片描述

RelativeSizeSpan 字体相对大小

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(1.5f);
spannableString.setSpan(relativeSizeSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

RelativeSizeSpan：设置字体的相对大小，这里设置为TextView大小的1.5倍，看图

在这里插入图片描述

AbsoluteSizeSpan 字体绝对大小

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
AbsoluteSizeSpan absoluteSizeSpan = new AbsoluteSizeSpan(40, true);
spannableString.setSpan(absoluteSizeSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

AbsoluteSizeSpan：设置字体的相绝对大小，40表示文字大小，true表示单位为dip，若为false则表示px

在这里插入图片描述

ScaleXSpan 字体x轴缩放

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
ScaleXSpan scaleXSpan= new ScaleXSpan(1.5f);
spannableString.setSpan(scaleXSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

ScaleXSpan：设置字体x轴缩放，1.5表示x轴放大为1.5倍，效果如图

在这里插入图片描述

StyleSpan 样式

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
StyleSpan boldSpan = new StyleSpan(Typeface.BOLD);
StyleSpan italicSpan = new StyleSpan(Typeface.ITALIC);
StyleSpan boldItalicSpan = new StyleSpan(Typeface.BOLD_ITALIC);
spannableString.setSpan(boldSpan, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(italicSpan, 2, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(boldItalicSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

StyleSpan：设置文字样式，如斜体、粗体
在这里插入图片描述

TypefaceSpan 字体

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
TypefaceSpan monospace = new TypefaceSpan("monospace");
TypefaceSpan serif = new TypefaceSpan("serif");
TypefaceSpan sans_serif = new TypefaceSpan("sans-serif");
spannableString.setSpan(monospace, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(serif, 2, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(sans_serif, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

TypefaceSpan：设置文字字体类型，如monospace、serif和sans-serif等等

在这里插入图片描述

TextAppearanceSpan 文字外貌

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
TextAppearanceSpan textAppearanceSpan = new TextAppearanceSpan(this, android.R.style.TextAppearance_Material);
spannableString.setSpan(textAppearanceSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

TextAppearanceSpan：设置文字外貌，通过style资源设置，这里使用系统的style资源

在这里插入图片描述

UnderlineSpan 下划线

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
UnderlineSpan underlineSpan = new UnderlineSpan();
spannableString.setSpan(underlineSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

UnderlineSpan：设置文字下划线，强调突出文字时可以使用该span
在这里插入图片描述

StrikethroughSpan 删除线

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
StrikethroughSpan strikethroughSpan = new StrikethroughSpan();
spannableString.setSpan(strikethroughSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

StrikethroughSpan：设置文字删除线

在这里插入图片描述

SuperscriptSpan 上标

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
SuperscriptSpan superscriptSpan = new SuperscriptSpan();
RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(0.8f);
spannableString.setSpan(relativeSizeSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(superscriptSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

SuperscriptSpan：设置文字为上标

在这里插入图片描述

SubscriptSpan 下标

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
SubscriptSpan subscriptSpan = new SubscriptSpan();
RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(0.8f);
spannableString.setSpan(relativeSizeSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(subscriptSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

SubscriptSpan：设置文字为下标

在这里插入图片描述

ImageSpan 图片

SpannableString spannableString = new SpannableString("如果我是陈奕迅");
ImageSpan imageSpan = new ImageSpan(this, R.drawable.ic_eason);
spannableString.setSpan(imageSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
mTextView.setText(spannableString);

ImageSpan：设置图片

在这里插入图片描述

总结

总结一下以上提到的Span

  • ForegroundColorSpan：前景色
  • BackgroundColorSpan：背景色
  • ClickableSpan：抽象类，可点击效果，重写onClick方法响应点击事件
  • URLSpan：超链接
  • MaskFilterSpan：EmbossMaskFilter浮雕效果，BlurMaskFilter模糊效果
  • RelativeSpan：文字相对大小
  • AbsoluteSpan：文字绝对大小
  • ScaleXSpan：x轴缩放
  • styleSpan：文字样式
  • TypefaceSpan：文字字体类型
  • TextApearanceSpan：文字外貌
  • UnderlineSpan：下划线
  • StrikeThroughSpan：删除线
  • SuperscriptSpan：上标
  • SubscriptSpan：下标
  • ImageSpan：图片

作者：CharmingWong
链接：https://www.jianshu.com/p/472fd3e32324
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

yechaoa
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android SpannableString用法
学无止境
10-26 560
TextView算是Android开发中最最常用的控件了，有的时候，我们要给一个TextView中的显示的文字设置不同的样式或者响应事件，比如同一个TextView中，有的字是红色，有的字是蓝色，有的字点击之后有响应事件，有的点击之后没有响应事件，甚至我们想在TextView中显示一个数学公式等等。 那么对于形形色色的需求我们有没有解决方案呢？当然有，一种是使用HTML来解决，另一种就是使用Spa......
Android SpannableString浅析
热门推荐
freeCode
05-13 1万+
引言       在应用程序开发过程经常需要对文本进行处理，比如说对一段描述文字的其中一段加入点击事件，或者对其设置不一样的前景色，有什么方法可以实现要求的功能呐？需求样例       比如我们需要实现如下图所示的功能，将文本：#重磅消息#近日谷歌放出Android N的第二个开发者预览版(Developer Preview) 处理成第二种或者第三种的形式。实现方案       根据上图，我们可以采
Android SpannableString详细解析，android常见面试题及答案
m0_66145060的博客
01-21 206
URLSpan 超链接 SpannableString spannableString = new SpannableString(“如果我是陈奕迅”); URLSpan urlSpan = new URLSpan(“https://www.baidu.com/s?ie=UTF-8&wd=陈奕迅”); spannableString.setSpan(urlSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); mTextView.setMovementMeth
Android SpannableString详细解析(1)，5214页PDF的进阶架构师学习笔记
m0_61068496的博客
03-24 682
*要想成为高级安卓工程师，必须掌握许多基础的知识。**在工作中，这些原理可以极大的帮助我们理解技术，在面试中，更是可以帮助我们应对大厂面试官的刁难。Android架构视频+BAT面试专题PDF+学习笔记即可获取！源码讲义、实战项目、讲解视频**如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）[外链图片转存中…(img-d6cWgU3T-1711291645984)]**要想成为高级安卓工程师，必须掌握许多基础的知识。
Android UI——SpannableString详细解析
CharmingWong的博客
12-18 385
前言相信很多朋友在日常开发中都遇到过这样的问题：有一段文本，需要单独给它各部分文字设置不同的样式，有的文字设置为粗体，有的文字设置特殊的颜色，有的地方要加入表情，遇到数学公式还可能要设置上下标，这时候该怎么办呢？ 有的人可能会说：简单，不同样式的文字就用不同的TextView，这样就可以完美解决了。先不说这个方法行不行得通，事实上，若采用这种方式，当碰上一段文字需要设置非常多的样式时，光是这一堆T
Android SpannableString和SpannableStringBuilder教程
zYinux
09-07 3924
给TextView增加样式 一.导引 1.适用对象 没有接触过SpannableString的人 听过但是不熟悉不了解SpannableString的人。 2.教程结构 简介 SpannableString SpannableStringBuilder 实战部分 总结和感想（作者瞎逼逼时间） 二.正文 1.简介 SpannableString和Span...
android span属性,[Android][SpannableString]
weixin_33657499的博客
05-29 388
1.什么是SpannableStringSpannableString其实和String一样，都是一种字符串类型，SpannableString可以直接作为TextView的显示文本，不同的是SpannableString可以通过使用其方法setSpan方法实现字符串各种形式风格的显示,重要的是可以指定设置的区间，也就是为字符串指定下标区间内的子字符串设置格式。2.主要使用方法setSpan(Ob...
AndroidUI SpannableString基本使用
bugyinyin的博客
06-09 973
SpannableString`可以在字符序列基础上对指定的字符进行修饰，在日常开发过程中可以对TextView进行修饰，如一段完整文字中，对当中的词或句添加，粗体、点击事件、颜色、下划线等等。
android之SpannableString用法
dengpeng_的博客
08-01 747
首先在介绍本节内容之前我们来看一个效果： 在日常开发过程中，难免碰到这种拼接字符串的方式，要求颜色，背景等不一样，还要求能够点击，那么这种效果是如何实现的呢？ 1 了解SpannableString SpannableString其实和String一样，都是一种字符串类型，同样TextView也可以直接设置SpannableString作为显示文本，不同的是Span
Android SpannableString设置超链接、颜色、字体等属性
08-31
在Android开发中，SpannableString是一个非常实用的类，它允许开发者在文本中对不同的部分进行格式化，比如设置字体颜色、大小、样式，甚至添加超链接。这使得TextView能够展示更加丰富多彩的内容，增强了用户体验。...
Android使用SpannableString实现文本框里插入表情
09-25
SpannableString是Android SDK提供的一种可变字符串，它允许我们在字符串中设置不同的样式，比如颜色、字体大小、下划线等。在本文中，我们将深入探讨如何利用SpannableString来实现文本框内插入表情。 首先，我们...
spannableString使用
04-12
本篇文章将详细解析如何使用SpannableString来实现TextView的文本样式设置。 首先，SpannableString是CharSequence的一个子类，它允许我们在文本中插入各种Span对象，每个Span对象可以控制文本的一部分的特定属性。...
Android实现朋友圈点赞列表
01-20
我们将详细解析`LikesView`类的实现，这是一个继承自`TextView`的自定义组件。 首先，`LikesView`类包含两个主要成员变量：`Context`对象`mContext`用于与Android系统进行交互，以及一个`List<UserBean>`对象`list`...
android textview显示表情图片
08-13
1. **Unicode表情支持**：大部分表情符号是Unicode字符，因此，如果你只是想显示基本的表情（如笑脸），只需要在字符串中直接输入对应的Unicode代码，TextView会自动将其解析为相应的图形。 2. **自定义字体**：...
毕设酒店管理系统论文视频源码集.zip
07-27
[毕设]酒店管理系统论文视频源码集" 是一个针对计算机科学或信息技术相关专业学生毕业设计项目的综合资源包。这个资源集包含了酒店管理系统开发所需的各个方面，旨在帮助学生从理论到实践全面理解和掌握酒店管理系统的开发流程和技术细节。 具体来说，这个资源集通常包括： 论文：详细阐述了酒店管理系统的背景、需求分析、系统设计、实现过程及测试验证等各个环节，为学生提供了系统的理论框架和思路指导。 视频教程：通过视频形式，直观地展示了酒店管理系统的开发过程，包括开发环境的搭建、代码编写、数据库设计、功能实现等步骤，便于学生理解和模仿。 源码：提供了酒店管理系统的完整源代码，包括前端界面、后端逻辑及数据库设计等部分，学生可以直接下载并运行，或者根据自己的需求进行修改和扩展。 综上所述，"毕设酒店管理系统论文视频源码集"是一个集论文指导、视频教学和源码实践于一体的综合性资源，对于想要进行酒店管理系统开发的学生来说，具有极高的参考价值和实用性。 参考4条信息源
Qt6.7.2+cmake构建eCAL+protobuf的Demo
最新发布
07-27
Qt6.7.2+cmake构建eCAL+protobuf的Demo。 1.send Demo 2.rec Demo
pillow-10.4.0-cp313-cp313-macosx_11_0_arm64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
android spannablestring
04-10
Android SpannableString 是 Android 平台中的一个类，它可以让开发者在 TextView 组件中实现文字的样式和效果，例如改变文字颜色、加粗、斜体、下划线、点击事件等。SpannableString 可以添加多种样式，而且样式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值