用代码美化你的TextView——SpannableString使用

最新推荐文章于 2021-04-14 14:05:07 发布

LuckChouDog

最新推荐文章于 2021-04-14 14:05:07 发布

阅读量1k

点赞数

文章标签：字体

本文链接：https://blog.csdn.net/LuckChouDog/article/details/43155113

版权

上边的就是用SpannableString制作出来的效果，是不是感觉很牛气啊。下面咱们讲讲一般都能实现那些NB的东西吧

他的属性有以下常用16种：

1、BackgroundColorSpan 背景色
2、URLSpan 文本超链接
3、ForegroundColorSpan 文本颜色（前景色）
4、RasterizerSpan 光栅效果
5、StrikethroughSpan 删除线（中划线）
6、StyleSpan 字体样式：粗体、斜体等
7、AbsoluteSizeSpan 绝对大小（文本字体）
8、ImageSpan 图片
9、UnderlineSpan 下划线
10、SubscriptSpan 下标（数学公式会用到）
11、SuperscriptSpan 上标（数学公式会用到）
12、TextAppearanceSpan 文本外貌（包括字体、大小、样式和颜色）
13、RelativeSizeSpan 相对大小（文本字体）
14、ScaleXSpan 基于x轴缩放
15、TypefaceSpan 文本字体
16、BulletSpan 项目符号

使用方法很简单，创建后就玩命的设置，例如

// 创建一个 SpannableString对象
		SpannableString msp = new SpannableString("字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合/bot");
		msp.setSpan(new TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		msp.setSpan(new URLSpan("tel:4155551212"), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 
		TextView mTextView = (TextView) findViewById(R.id.textView1);
		mTextView.setText(msp);

下面咱们看看他对应着上边的哪种效果哈：

第一种：BackgroundColorSpan 背景色（显而易见，就是图片中的背景色这几个字）

// 设置字体背景色
msp.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置背景色为青色

第二种：URLSpan 文本超链接（网络，下边也有下划线）

// 超级链接(需要添加setMovementMethod方法附加响应)
msp.setSpan(new URLSpan("tel:4155551212"), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 电话
msp.setSpan(new URLSpan("mailto:webmaster@google.com"), 39, 41, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 邮件
msp.setSpan(new URLSpan("http://www.baidu.com"), 41, 43, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 网络
msp.setSpan(new URLSpan("sms:4155551212"), 43, 45, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 短信,使用sms:或者smsto:
msp.setSpan(new URLSpan("mms:4155551212"), 45, 47, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 彩信,使用mms:或者mmsto:
msp.setSpan(new URLSpan("geo:38.899533,-77.036476"), 47, 49, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 地图
mTextView.setMovementMethod(LinkMovementMethod.getInstance());

第三种：ForegroundColorSpan 文本颜色（前景色，图片中的前景色）

// 设置字体前景色
msp.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12, 15, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置前景色为洋红色

第四种：MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)（这个第二张图，是不是很炫）

spanText = new SpannableString("benzlocke");
int length = spanText.length();
//模糊(BlurMaskFilter)
MaskFilterSpan maskFilterSpan = new MaskFilterSpan(new BlurMaskFilter(3, Blur.OUTER));
spanText.setSpan(maskFilterSpan, 0, length - 10, Spannable.
SPAN_INCLUSIVE_EXCLUSIVE);
//浮雕(EmbossMaskFilter)
maskFilterSpan = new MaskFilterSpan(new EmbossMaskFilter(new float[]{1,1,3}, 1.5f, 8, 3));
spanText.setSpan(maskFilterSpan, length - 10, length, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
mTVText.append("\n");
mTVText.append(spanText);
RasterizerSpan 光栅效果
spanText = new SpannableString("StrikethroughSpan");
spanText.setSpan(new StrikethroughSpan(), 0, 7, Spannable.
SPAN_INCLUSIVE_EXCLUSIVE);
mTVText.append("\n");
mTVText.append(spanText);

第五种：StrikethroughSpan 删除线（中划线，又叫删除线，图片中的删除线）

msp.setSpan(new StrikethroughSpan(), 30, 33, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);// 设置删除线

第六种：StyleSpan 字体样式：粗体、斜体等（图片中相对应的文字显示的效果）

// 设置字体样式正常，粗体，斜体，粗斜体
msp.setSpan(new StyleSpan(android.graphics.Typeface.NORMAL), 18, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 正常
msp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 20, 22, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 粗体
msp.setSpan(new StyleSpan(android.graphics.Typeface.ITALIC), 22, 24, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 斜体
msp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 24, 27, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 粗斜体

第七种：AbsoluteSizeSpan 绝对大小（文本字体）

// 设置字体大小(绝对值,单位：像素)
msp.setSpan(new AbsoluteSizeSpan(20), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
msp.setSpan(new AbsoluteSizeSpan(20, true), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 第二个参数boolean dip，如果为true，表示前面的字体大小单位为dip，否则为像素，同上。

第八种：ImageSpan 图片（小机器人的图片）

Drawable drawable = getResources().getDrawable(R.drawable.ic_launcher);
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
msp.setSpan(new ImageSpan(drawable), 53, 57, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

第九种：UnderlineSpan 下划线（图中的下划线）

msp.setSpan(new UnderlineSpan(), 27, 30, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);// 设置下划线

第十种：SubscriptSpan 下标（数学公式会用到）

msp.setSpan(new SubscriptSpan(), 34, 35, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 下标

第十一种：SuperscriptSpan 上标（数学公式会用到）

msp.setSpan(new SuperscriptSpan(), 36, 37, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 上标

第十二种：TextAppearanceSpan 文本外貌（包括字体、大小、样式和颜色）

// 设置字体(依次包括字体名称，字体样式，字体大小，字体颜色，链接颜色)
ColorStateList csllink = null;
ColorStateList csl = null;
XmlResourceParser xppcolor = getApplicationContext().getResources().getXml(R.color.color);
XmlResourceParser xpplinkcolor = getApplicationContext().getResources().getXml(R.color.linkcolor);
try {
csl = ColorStateList.createFromXml(getResources(), xppcolor);
csllink = ColorStateList.createFromXml(getResources(), xpplinkcolor);
} catch (XmlPullParserException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
msp.setSpan(new TextAppearanceSpan("monospace", android.graphics.Typeface.BOLD_ITALIC, 30, csl, csllink), 51, 53,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

这里说明一下我的两个xml文件，这两个xml文件是两个selector选择器，比方说我的linkcolor文件，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:color="#92345678"/> 
</selector>

color文件如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:color="#87654321"/> 
   <item android:color="#66666321"/> 
</selector>

这些颜色是系统根据现在字体是什么就选什么的，比方说我现在是“综合”，他是一个连接，那么他的颜色就是linkcolor的颜色。

第十三种：RelativeSizeSpan 相对大小（文本字体）

// 设置字体大小(相对值,单位：像素) 参数表示为默认字体大小的多少倍
msp.setSpan(new RelativeSizeSpan(0.5f), 8, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 0.5f表示默认字体大小的一半
msp.setSpan(new RelativeSizeSpan(2.0f), 10, 12, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 2.0f表示默认字体大小的两倍

第十四种：ScaleXSpan 基于x轴缩放，高度不变

// 设置字体大小(相对值,单位：像素) 参数表示为默认字体宽度的多少倍
msp.setSpan(new ScaleXSpan(2.0f), 49, 51, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 2.0f表示默认字体宽度的两倍，即X轴方向放大为默认字体的两倍，而高度不变

第十五种：TypefaceSpan 文本字体

// 设置字体(default,default-bold,monospace,serif,sans-serif)
msp.setSpan(new TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
msp.setSpan(new TypefaceSpan("serif"), 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

第十六种：BulletSpan 项目符号（最开始的小圆点点）

// 设置项目符号
msp.setSpan(new BulletSpan(android.text.style.BulletSpan.STANDARD_GAP_WIDTH, Color.GREEN), 0, msp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 第一个参数表示项目符号占用的宽度，第二个参数为项目符号的颜色

LuckChouDog

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
用代码美化你的TextView——SpannableString使用

上边的就是用SpannableString制作出来的效果，是不是感觉很牛气啊。下面咱们讲讲一般都能实现那些NB的东西吧他的属性有以下常用16种： 1、BackgroundColorSpan 背景色 2、URLSpan 文本超链接 3、ForegroundColorSpan 文本颜色（前景色） 4、RasterizerSpan 光栅效果 5、S
复制链接

扫一扫