文本格式化变身利器：TextView任意位置插入图文图标，轻松实现复杂排版

2024-01-20 21:38:54

前言

在日常开发中，我们经常需要在TextView中展示丰富的文本内容，包括文字、图片、图标等元素。然而，TextView默认只支持文本显示，若要实现复杂的文本排版，则需要借助其他控件或第三方库。

本文将详细介绍如何使用TextView的SpannableString类，实现TextView在任意位置插入图片、图标、图文、下划线、删除线、上划线、颜色、粗体、斜体等多种元素。通过这些技巧，你可以轻松打造出更丰富、美观的文本效果，提升用户体验。

一、SpannableString简介

SpannableString是Android中用于表示可变文本的类，它允许你对文本的特定部分应用样式或其他属性。通过SpannableString，你可以将图片、图标等元素嵌入到文本中，并控制其位置和显示效果。

二、插入图片

要将图片插入到TextView中，你需要使用ImageSpan类。ImageSpan的构造函数接受两个参数：图片资源ID和图片对齐方式。

ImageSpan imageSpan = new ImageSpan(context, R.drawable.image);
SpannableString spannableString = new SpannableString("图片");
spannableString.setSpan(imageSpan, 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

三、插入图标

与插入图片类似，插入图标需要使用IconSpan类。IconSpan的构造函数接受一个Drawable对象作为参数。

Drawable icon = context.getDrawable(R.drawable.icon);
IconSpan iconSpan = new IconSpan(icon);
SpannableString spannableString = new SpannableString("图标");
spannableString.setSpan(iconSpan, 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

四、插入图文

图文组合是将图片和文字组合在一起，实现更丰富的文本效果。要插入图文，需要先创建ImageSpan和TextPaint对象，然后使用ImageSpanBuilder构建ImageSpan。

Drawable image = context.getDrawable(R.drawable.image);
TextPaint textPaint = new TextPaint();
textPaint.setColor(Color.RED);
textPaint.setTextSize(30);
ImageSpan imageSpan = new ImageSpanBuilder(image)
    .withTextPaint(textPaint)
    .withVerticalAlignment(ImageSpan.ALIGN_BOTTOM)
    .build();
SpannableString spannableString = new SpannableString("图文");
spannableString.setSpan(imageSpan, 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

五、插入下划线

要给文本添加下划线，需要使用UnderlineSpan类。UnderlineSpan的构造函数接受一个布尔值作为参数，表示下划线的粗细。

UnderlineSpan underlineSpan = new UnderlineSpan();
SpannableString spannableString = new SpannableString("下划线");
spannableString.setSpan(underlineSpan, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

六、插入删除线

与下划线类似，要给文本添加删除线，需要使用StrikethroughSpan类。StrikethroughSpan的构造函数不接受任何参数。

StrikethroughSpan strikethroughSpan = new StrikethroughSpan();
SpannableString spannableString = new SpannableString("删除线");
spannableString.setSpan(strikethroughSpan, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

七、插入上划线

要给文本添加上划线，需要使用SuperscriptSpan类。SuperscriptSpan的构造函数不接受任何参数。

SuperscriptSpan superscriptSpan = new SuperscriptSpan();
SpannableString spannableString = new SpannableString("上划线");
spannableString.setSpan(superscriptSpan, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

八、插入颜色

要给文本添加颜色，需要使用ForegroundColorSpan类。ForegroundColorSpan的构造函数接受一个颜色值作为参数。

ForegroundColorSpan foregroundColorSpan = new ForegroundColorSpan(Color.RED);
SpannableString spannableString = new SpannableString("颜色");
spannableString.setSpan(foregroundColorSpan, 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

九、插入粗体

要给文本添加粗体，需要使用StyleSpan类。StyleSpan的构造函数接受一个样式值作为参数，其中粗体样式为Typeface.BOLD。

StyleSpan styleSpan = new StyleSpan(Typeface.BOLD);
SpannableString spannableString = new SpannableString("粗体");
spannableString.setSpan(styleSpan, 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

十、插入斜体

与粗体类似，要给文本添加斜体，需要使用StyleSpan类。StyleSpan的构造函数接受一个样式值作为参数，其中斜体样式为Typeface.ITALIC。

StyleSpan styleSpan = new StyleSpan(Typeface.ITALIC);
SpannableString spannableString = new SpannableString("斜体");
spannableString.setSpan(styleSpan, 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

结语

通过本文介绍的技巧，你可以轻松使用TextView实现任意位置插入图片、图标、图文、下划线、删除线、上划线、颜色、粗体、斜体等多种元素，打造出更丰富、美观的文本效果。这些技巧在实际开发中有着广泛的应用场景，例如：