Android Span相关知识小记

最新推荐文章于 2023-08-01 23:24:40 发布
最新推荐文章于 2023-08-01 23:24:40 发布
阅读量572 收藏
点赞数
分类专栏： 收集
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sindyue/article/details/86690715
版权

1.SpannableString与SpannableStringBuilder简介

SpannableStringBuilder，SpannableString其实和String一样，都是一种字符串类型。不同的是SpannableString可以通过使用其方法setSpan方法实现字符串各种形式风格的显示。比如在原来String上加下划线、加背景色、改变字体颜色、用图片把指定的文字给替换掉。SpannableString与SpannableStringBuilder区别就如String和StringBuilder一样。

2. setSpan()

void setSpan (Object what, int start, int end, int flags)

object what ：对应的各种Span，后面会提到；

int start：开始应用指定Span的位置，索引从0开始

int end：结束应用指定Span的位置，包不包含两头的数据，取决于flags的值

flag的取值

 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含start和end所在的端点              (a,b)
 Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start，但包含end所在的端点       (a,b]
 Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含start，但不包含end所在的端点          [a,b)
 Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含start和end所在的端点                  [a,b]

3. object what 各种设置

3.1字体颜色（ForegroundColorSpan）
在这里插入图片描述

/**
 * 设置字体颜色
 */
private void setColor() {
    String content = "SpannableStringBuilder 简介";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);
    ForegroundColorSpan foregroundColorSpan = new ForegroundColorSpan(Color.parseColor("#FF4040"));
    stringBuilder.setSpan(foregroundColorSpan, 0, 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.2背景颜色（BackgroundColorSpan）
这个是设置无圆角的背景，如果是要设置带圆角的背景，可查看本文最后的自定义类RoundBackgroundColorSpan。
在这里插入图片描述

/**
 * 设置背景颜色
 */
private void setBackgroundColor() {
    String content = "SpannableStringBuilder 简介";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);
    //背景颜色
    BackgroundColorSpan backgroundColorSpan = new BackgroundColorSpan(Color.parseColor("#FF4040"));

    stringBuilder.setSpan(backgroundColorSpan, 0, 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.3文本可点击，有点击事件（ClickableSpan）
在这里插入图片描述在这里插入图片描述

/**
 * 设置文本点击事件
 */
private void setClickableSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);
    ClickableSpan clickableSpan = new ClickableSpan() {
        @Override
        public void onClick(View widget) {
            Toast.makeText(MainActivity.this, "可点击", Toast.LENGTH_LONG).show();
        }

        @Override
        public void updateDrawState(TextPaint ds) {
            //去掉可点击文字的下划线
            ds.setUnderlineText(false);
        }
    };

    //文本可点击，有点击事件
    stringBuilder.setSpan(clickableSpan, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    // 设置此方法后，点击事件才能生效
    contentTv.setMovementMethod(LinkMovementMethod.getInstance());
    此句用来消除点击后的背景异色
    contentTv.setHighlightColor(getResources().getColor(android.R.color.transparent));
    contentTv.setText(stringBuilder);
}

3.4 模糊效果(BlurMaskFilter)
在这里插入图片描述

/**
 * 设置模糊效果
 */
private void setBlurMaskFilterSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    MaskFilter filter = new BlurMaskFilter(4.0f, BlurMaskFilter.Blur.OUTER);
    MaskFilterSpan maskFilterSpan = new MaskFilterSpan(filter);

    stringBuilder.setSpan(maskFilterSpan, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.5 删除线效果 （StrikethroughSpan）
在这里插入图片描述

/**
 * 设置删除线效果 （StrikethroughSpan）
 */
private void setStrikethroughSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    stringBuilder.setSpan(new StrikethroughSpan(), 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

    contentTv.setMovementMethod(LinkMovementMethod.getInstance());
    contentTv.setText(stringBuilder);
}

3.6 下划线效果（UnderlineSpan）
在这里插入图片描述

/**
 * 设置下划线效果（UnderlineSpan）
 */
private void setUnderlineSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    stringBuilder.setSpan(new UnderlineSpan(), 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.7 字体绝对大小效果（AbsoluteSizeSpan）
在这里插入图片描述

/**
 * 设置字体绝对大小效果（AbsoluteSizeSpan）
 */
private void setAbsoluteSizeSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    AbsoluteSizeSpan ab=new AbsoluteSizeSpan(30,true);
    //文本字体绝对的大小

    stringBuilder.setSpan(ab, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.8 设置图片（DynamicDrawableSpan）基于底部
在这里插入图片描述

/**
 * 设置图片（DynamicDrawableSpan）基于底部
 */
private void setDynamicDrawableSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    DynamicDrawableSpan dynamicDrawableSpan = new DynamicDrawableSpan() {
        @Override
        public Drawable getDrawable() {
            Drawable drawable = getResources().getDrawable(R.mipmap.ic_launcher);
            drawable.setBounds(0, 0, 50, 50);
            return drawable;
        }
    };

    stringBuilder.setSpan(dynamicDrawableSpan, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.9 设置图片（ImageSpan ）
在这里插入图片描述

/**
 * 设置设置图片（ImageSpan ）
 */
private void setImageSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    Drawable drawable = getResources().getDrawable(R.mipmap.ic_launcher_round);
    drawable.setBounds(0, 0, 100, 100);
    ImageSpan ab = new ImageSpan(drawable);
   
    stringBuilder.setSpan(ab, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.10 相对字体大小（RelativeSizeSpan ）
在这里插入图片描述

/**
 * 设置相对字体大小（RelativeSizeSpan ）
 */
private void setRelativeSizeSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    stringBuilder.setSpan(new RelativeSizeSpan(3.0f), 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.10 基于X的缩放（ScaleXSpan ）
在这里插入图片描述

/**
 * 设置 基于X的缩放（ScaleXSpan ）
 */
private void setScaleXSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    stringBuilder.setSpan(new ScaleXSpan(3.0f), 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.11 字体样式：粗体、斜体等（StyleSpan ）
在这里插入图片描述

/**
 * 设置字体样式：粗体、斜体等（StyleSpan ）
 */
private void setStyleSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    StyleSpan ab = new StyleSpan(Typeface.BOLD_ITALIC);

    stringBuilder.setSpan(ab, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.12 上标（SubscriptSpan ）
在这里插入图片描述

/**
 * 设置上标（SuperscriptSpan  ）
 */
private void setSuperscriptSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    SuperscriptSpan ab = new SuperscriptSpan();

    stringBuilder.setSpan(ab, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.14 下标（SubscriptSpan ）
在这里插入图片描述

/**
 * 设置下标（SubscriptSpan ）
 */
private void setSubscriptSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    stringBuilder.setSpan(new SubscriptSpan(), 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.12 字体、大小、样式和颜色（TextAppearanceSpan）
在这里插入图片描述

/**
 * 设置字体、大小、样式和颜色（TextAppearanceSpan）
 */
private void setTextAppearanceSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    //自定义文本样式
    TextAppearanceSpan ab = new TextAppearanceSpan(this, android.R.style.TextAppearance_Medium);

    stringBuilder.setSpan(ab, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.13 文本字体（TypefaceSpan ）
在这里插入图片描述

/**
 * 设置文本字体（TypefaceSpan ）
 */
private void setTypefaceSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    //文字字体
    TypefaceSpan ab = new TypefaceSpan("serif");

    stringBuilder.setSpan(ab, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

3.14 文本超链接（URLSpan ）
在这里插入图片描述

/**
 * 设置文本超链接（URLSpan ）
 */
private void setURLSpan() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);

    URLSpan ab = new URLSpan("http://www.baidu.com");

    stringBuilder.setSpan(ab, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setMovementMethod(new LinkMovementMethod());
    contentTv.setText(stringBuilder);
}

3.15 使用带圆角的按钮背景
在这里插入图片描述

/**
 * 设置带有圆角的背景
 */
private void setRoundBackgroundColor() {
    String content = "CSDN-专业IT技术社区";
    SpannableStringBuilder stringBuilder = new SpannableStringBuilder(content);
    //背景颜色
    RoundBackgroundColorSpan roundBackgroundColorSpan = new RoundBackgroundColorSpan(
            getResources().getColor(R.color.color_yellow),
            getResources().getColor(R.color.color_white),
            getResources().getDimensionPixelSize(R.dimen.textsize_28px),
            getResources().getDimensionPixelSize(R.dimen.view_distance_6));

    stringBuilder.setSpan(roundBackgroundColorSpan, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    contentTv.setText(stringBuilder);
}

import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.text.style.ReplacementSpan;

/**
 * author : wyy
 * time   : 2019/1/22
 * desc   : 自定义 span 的圆角背景图片，具体尺寸可能要看情况，不一定通用
 */
public class RoundBackgroundColorSpan extends ReplacementSpan {
    private int bgColor;
    private int textColor;
    private int textSize;
    private int mRadius;
    private int mSize;

    public RoundBackgroundColorSpan(int bgColor, int textColor, int textSize, int radius) {
        super();
        this.bgColor = bgColor;
        this.textColor = textColor;
        this.textSize = textSize;
        this.mRadius = radius;
    }

    @Override
    public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
        mSize = (int) (paint.measureText(text, start, end) + 2 * mRadius);
        //mSize就是span的宽度，span有多宽，开发者可以在这里随便定义规则
        //我的规则：这里text传入的是SpannableString，start，end对应setSpan方法相关参数
        //可以根据传入起始截至位置获得截取文字的宽度，最后加上左右两个圆角的半径得到span宽度
        return mSize;
    }

    @Override
    public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint) {
        int color1 = paint.getColor();//保存文字颜色
        paint.setColor(this.bgColor);//设置背景颜色
        paint.setAntiAlias(true);    // 设置画笔的锯齿效果

        RectF oval = new RectF(x, y + paint.ascent(), x + mSize , y + paint.descent());
        //设置文字背景矩形，x为span其实左上角相对整个TextView的x值，y为span左上角相对整个View的y值。paint.ascent()获得文字上边缘，paint.descent()获得文字下边缘
        canvas.drawRoundRect(oval, mRadius, mRadius, paint);//绘制圆角矩形，第二个参数是x半径，第三个参数是y半径

        paint.setTextSize(this.textSize);
        paint.setColor(textColor);
        canvas.drawText(text, start, end, x + mRadius, y , paint);//绘制文字
    }
}

几点需要注意的

  1. 字体的点击后效果，要设置背景色透明，否则会有点击后效果，影响界面

参考链接：
https://blog.csdn.net/baidu_31956557/article/details/78339071
https://www.cnblogs.com/galibujianbusana/p/6490461.html

Sindyue
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android文本样式——下
lixin84915的专栏
10-25 4130
继续就android的文本样式进行分析： 10.MaskFilterSpan MaskFilterSpan，滤镜样式，只有一个构造函数： MaskFilterSpan(MaskFilter filter)：参数filter，滤镜样式。 说明： 在android系统里，MaskFilter提供了两个子类，BlurMaskFilter和EmbossMaskFilter，分别用来制作模糊效果和
一篇好文之Android文本软键盘全解
aserbao的博客
09-25 1万+
文章目录前言项目效果TextView的基本使用TextView的基本属性图文混排的三种实现方式1. drawableTop,DrawableBottom,DrawableLeft,drawableRight2. 通过ImageSpan或者DynamicDrawableSpan实现3. 通过给TextView设置Html内容EditText的基本使用1. EditText的基本属性1. imeOpt...
超能力文本：探索Span机制的多彩世界（二）
小马快跑的博客
08-01 352
它可以将绘制的图形进行模糊处理，以达到一些特定的视觉效果。这里不仅想改变大小，还想改变样式(文本颜色、下划线)，所以直接通过简单的自定义。，目的是不管图片的大小，图片都能够正常的和文字进行居中展示；— b、SOLID：只绘制模糊的区域，其他区域为透明。时，如果图片的高度大于文字本身，那么居中展示就会失效。类似，在文本的行首添加一个带有指定边距的Bitmap。改变的是整个段落的行高，即使它只覆盖段落的一部分。改变段落的行高，可用于调整行与行之间的间距。绝对大小样式，以指定的像素大小设置文本的大小；
Android ImageSpan的图文居中对齐
热门推荐
总结总结总结
09-22 2万+
android的ImageSpan类提供了图文混排的
Android Span的各种使用方法，简单、易懂、全面、详细
baidu_36600645的博客
06-01 7230
    Span 对于android初学者来讲显得有点陌生，但却拥有很多强大的功能，本文以TextView为例，文中错误之处，还望高手指出。先上效果图：            一：首先说一下 Span的各种功能BackgroundColorSpan 背景色 ClickableSpan 文本可点击，有点击事件 ForegroundColorSpan 文本颜色（前景色） DrawableMarginS...
DynamicDrawableSpan
qq_25614443的博客
03-15 2866
Android TextView的高度， 有ascend，baseline，descend的概念。 一般字符的高度是在ascend到baseline之间。 而表情属于span， 高度是在ascend到descend之间，比一般字符会稍微大一点。 对于你的问题，解决方法，将原来使用ImageSpan的地方，改为继承DynamicDrawableSpan。 然后修改其draw的方法。
Android自定义可点击的ImageSpan并在TextView中内置View
08-28
Android中，ImageSpan是一种特殊的Span，用于在TextView中插入图片或其他视图组件。然而，ImageSpan并没有继承ClickableSpan，因此不具备 onClick()方法。这就意味着，我们无法直接使用ImageSpan来实现点击事件。...
Android带图片背景的span
06-27
"Android带图片背景的span"这个话题就是关于如何在TextView中创建具有图片背景的可操作文本片段（Span）。 Span在Android文本处理中扮演着重要角色，它允许我们对文本进行格式化，如改变颜色、大小、字体等。这里...
RichEditor：基于原生EditText + span实现的Android富文本编辑器
02-04
RichEditor基于原生EditText + span实现的Android富文本编辑器组件描述该组件是基于原生EditText + span的方式实现的，逐步提供一个功能齐全且使用方便的Android富文本编辑器。主要支持了加粗斜体等行内样式，标题...
Android-Kotlin编写封装常用的Span简化SpannableString的编写
08-13
然而，直接使用SpannableString和相关的Span类（如CharacterStyle、ForegroundColorSpan等）进行操作可能会相对复杂，需要处理多个对象的创建和设置。在Kotlin环境下，我们可以利用其强大的语言特性来简化这一过程。...
FESTO 压力传感器 SPAN手册
最新发布
03-16
FESTO 压力传感器 SPAN 手册 FESTO 压力传感器 SPAN 手册是一款压力传感器产品的手册，提供了该产品的详细信息，包括其特性、安装选项、产品描述、应用领域、功能派生型、技术参数等。 压力传感器 SPAN 的特性包括...
C#实现Photoshop图像特效滤镜源码（亮度、对比度、负片、图像阴影、高斯模糊、透视图，浮雕等）
09-01
这个是一个源码。里边调用了SharpImage，实现了图像特效滤镜，就是Photoshop的滤镜效果。SharpImage是用于.NET（C#、VB）的专业图像特效以及图像合成类库。借助它，您可以简单快速地实现类似Photoshop的图像特效滤镜以及图像合成： 1、 创建合成图像。比如为图片添加水印，添加文字，添加艺术字、各类图形（比如线段、曲线、箭头、矩形、圆角矩形、三角形、多边形、星形等）、图片和图片进行叠加、也可以多次混合叠加，形成更复杂的合成效果； 2、 应用特效滤镜。内置50多种图像特效滤镜（如亮度、对比度、负片、图像阴影、高斯模糊、透视图、宝利来、胶片、缩放、倾斜、调整大小、反射、浮雕等50余种）；
SpannableString使用详解
小白的博客
08-21 1245
SpannableString使用详解： 1、BackgroundColorSpan 背景色 2、ClickableSpan 文本可点击，有点击事件 3、ForegroundColorSpan 文本颜色（前景色） 4、MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter) 5、MetricAffectingSpan 父类，一般不用 6、RasterizerSpan 光栅效果 7、StrikethroughSpan 删除线（中划线） 8、Su
SpannableString属性详解
qjbagu的专栏
06-13 761
SpannableString属性详解     1、BackgroundColorSpan 背景色      2、ClickableSpan 文本可点击，有点击事件     3、ForegroundColorSpan 文本颜色（前景色）     4、MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter
Android-各种Span的用法
wzgiceman
01-30 1万+
前言 在android.text.style包下，有一些Span类，可以提供我们完成一些在TextView中的特殊内容。（比如：部分内容颜色、字体、大小不同等等，更有部分字体可点击。） 还有一个SpannableStringBuilder，可以帮助我们设置Span。 底下也有全部的源代码。 SpannableStringBuilder SpannableStrin
Android中Canvas绘图之MaskFilter图文详解（附源码下载）
孙群
11-17 1万+
如果对Canvas绘图不熟悉，强烈建议您阅读博文《Android中Canvas绘图基础详解（附源码下载）》，该文对Android中的Canvas绘图基础进行了详细的描述。本文着重讲解如何使用MaskFilter创建模糊阴影以及浮雕效果。我们知道Canvas中的各种drawXXX方法决定了绘制的几何图形的形状，而画笔Paint则决定了以什么效果绘制这些图形。Paint中有一个setMaskFilter
Android基础入门教程——8.3.3 Paint API之—— MaskFilter(面具)
mikejaps的博客
10-24 523
本节引言： 在Android基础入门教程——8.3.1 三个绘图工具类详解的Paint方法中有这样一个方法：  setMaskFilter(MaskFilter maskfilter)：  设置MaskFilter，可以用不同的MaskFilter实现滤镜的效果，如滤化，立体等！  而我们一般不会直接去用这个MaskFilter，而是使用它的两个子类：  BlurMaskFilt
TextView使用Spannable设置复合文本
zhou_shaowen的专栏
05-02 2603
Spannable 对文字的编辑减少TextView的拼接并且达到改变一串字符中的部分文字的字体颜色，背景颜色，字体大小，样式 增加文字的超链接。 如 把部分字体改成红色： SpannableString amountS=new SpannableString(amount);      amountS.setSpan(new ForegroundColorSpan(Color.RED),
android span遍历解析
06-10
在 Android 中，SpannableString 和 SpannableStringBuilder 类可以用于构建富文本字符串，其中可以包含多种样式和事件响应。为了从 SpannableString 中获取特定类型的 Span 对象，可以使用 getSpans() 方法，该方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值