TextView使用Html适配文字颜色(color:““)、文字大小(font-size:14px)、文字权重(font-weight:500)

TextView使用Html适配文字颜色(color:"")、文字大小(font-size:14px)、文字权重(font-weight:500)

TextView中提供了Html类，专门用来方便TextView展示Html格式的内容展示，对于常见的标签都做了简单的适配。
目前Html中支持解析如下标签：

br 换行
p 文本段落标签
ul 列表标签，一般和li标签一起使用
li 列表标签，一般和ul标签一起使用
div 用来区分一块区域
span 文本标签，用于处理文本样式
strong 文字短语标签，用来加粗文本
b 标签定义粗体的文本。
em 文字短语标签，用来呈现要强调的文本
cite 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题
dfn 文字短语标签，用来定义一个定义项目
i 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。
big 标签用来制作更大的文本
small 标签定义小型文本（和旁注）
font 标签规定文本的字体、字体尺寸、字体颜色。
blockquote 标签定义摘自另一个源的块引用。
tt 标签定义打字机文本。
a 定义超链接
u 标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。
del 标签定义文档中已删除的文本。
s 标签对那些不正确、不准确或者没有用的文本进行标识。
strike 定义加删除线文本。
sup 标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的。上标文本能用来添加脚注，比如 WWW[1]。
sub 标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式，比如 H2O。
img 展示图片，需要借助Html.ImageGetter才能正常展示图片

一般如果对文字进行展示，都是对需要强调的文字使用xxx进行包裹，当然也可以使用xxx。
但是前端真正使用的过程中，很少有使用标签强调字体的。

如果我们想要展示一段文字，其中文本内容有通过标签对文字大小和文字颜色、文字展示加粗权重
做了处理，根据上面列出来的标签，你一定会想到直接使用Html.formHtml进行展示了，因为支持标签中可以看到，android的Html
标签是对Span做了支持的。

val result = "<span>攀钢钒钛所属行业为\n" +"<span style=\"color:#333333; font-weight:bold; font-size:18px;\">其他采掘</span>；\n" +"</span>\n" +"<br/>\n" +"<span>当日攀钢钒钛行情整体表现<span style=\"color:green; font-weight:bold;\">弱于</span>所属行业表现；</span>\n" +"<br/>\n" +"<span>攀钢钒钛所属概念中<span style=\"color:#333333; font-weight:bold; \">有色金属</span>表现相对优异；</span>\n" +"<br/>\n" +"<span>其涨跌幅在有色金属中位列<span style=\"color:#F43737; font-weight:bold; \">81</span>/<span style=\"color:black; font-weight:bold; \">122</span>。</span>"
tvTest.text = Html.fromHtml(result)

可是，结果真的会是我们想象的那样吗？

可以从上面的图看出来，文字的颜色生效了，但是文字的大小设置和权重设置都没有任何的效果。那么，android的Html处理真的是支持完整的属性支持吗？这个时候，就需要
呆着这个疑问看源代码了。

public static Spanned fromHtml(String source, int flags, ImageGetter imageGetter,TagHandler tagHandler) {...HtmlToSpannedConverter converter =new HtmlToSpannedConverter(source, imageGetter, tagHandler, parser, flags);return converter.convert();
}

可以看到实际的对于标签的处理操作，是使用HtmlToSpannedConverter#convert方法进行的处理。

public Spanned convert() {mReader.setContentHandler(this);try {mReader.parse(new InputSource(new StringReader(mSource)));} catch (IOException e) {// We are reading from a string. There should not be IO problems.throw new RuntimeException(e);} catch (SAXException e) {// TagSoup doesn't throw parse exceptions.throw new RuntimeException(e);}...return mSpannableStringBuilder;
}

通过mReader.setContentHandler(this);和mReader.parse(new InputSource(new StringReader(mSource)));
可以看到这块代码其实是使用Sax解析方式，对html进行解析（html其实可以理解为一种特殊的xml）。知道是Sax解析之后，我们
只需要关心解析的过程中span是否有对font-size和font-weight进行识别。

private void startCssStyle(Editable text, Attributes attributes) {String style = attributes.getValue("", "style");if (style != null) {Matcher m = getForegroundColorPattern().matcher(style);if (m.find()) {int c = getHtmlColor(m.group(1));if (c != -1) {start(text, new Foreground(c | 0xFF000000));}}m = getBackgroundColorPattern().matcher(style);if (m.find()) {int c = getHtmlColor(m.group(1));if (c != -1) {start(text, new Background(c | 0xFF000000));}}m = getTextDecorationPattern().matcher(style);if (m.find()) {String textDecoration = m.group(1);if (textDecoration.equalsIgnoreCase("line-through")) {start(text, new Strikethrough());}}}
}

可以看到首先获取了span标签的style属性，然后使用getForegroundColorPattern和getBackgroundColorPattern分别解析出来了前景色和背景色。
并通过

private static void start(Editable text, Object mark) {int len = text.length();text.setSpan(mark, len, len, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
}

Span的方式设置到代码中。但是发现代码中并没有对font-size和font-weight进行处理。

问题至此找到了，通过对这段代码的分析，也能发现系统进行Html标签支持的套路，那么剩下来的就是照

TextView使用Html适配文字颜色(color:““)、文字大小(font-size:14px)、文字权重(font-weight:500)相关推荐

echarts中如何配置图例形状、图标宽高、图标和文字间距、图例位置、文字颜色、字体大小
1.代码和注释如下 var option ={legend: {bottom: '5%',//图例距离整个容器底部的距离left: 'center',//图例距离整个容器左边data: ['完成', ...
echarts中配置图例形状、图标宽高、图标和文字间距、图例位置、文字颜色、字体大小等基础配置
代码及注释 var option ={legend: {bottom: '5%',//图例距离整个容器底部的距离left: 'center',//图例距离整个容器左边data: ['完成', '较好' ...
Echarts修改图例legend文字颜色和字体大小
在使用Echarts中有时需要根据主题修改文字颜色等格式,下面记录我的查找过程, 找到插件中的lengend 在data前增加,textStyle:{ },将需要改的样式加入,就可以了修改后颜色如下
Eclipse 答疑：Eclipse 如何更换夜间及外部主题？如何修改代码样式、背景颜色、字体大小？为何注释文字大小不一？
文章目录前言一.更换 Eclipse 自带黑色"Dark"主题二.设修改代码的样式及背景颜色三.设置代码字体和大小(解决注释字体不一原因) 四.下载外部主题进行更换 4.1 ...
elemtnui 表格如何修改某行文字颜色（elemtnui table 修改某行文字颜色）
项目中用到了elementui的表格,需要根据不同状态显示不同颜色首先,我们在el-table标签中加入 :row-class-name="tableAddClass" ,双引号 ...
HTML图像和超链接及文字颜色与排版
HTML文字颜色与排版 1.HTML中颜色表示法三种表示方法: (1)直接用英文单词表示,例如:white(白色) (2)以六位十六进制表示,例如:#ffffff(白色) (3)以RGB模式表 ...
C语言里文字颜色色和背景颜色设置
代码演示 #include <stdio.h> #include <stdlib.h> //为了用system函数, #include <windows.h> // ...
Markdown 语法实现文字设置对齐方向、颜色、字体大小
关于文字对齐方式(居中.居左,居右),markdown 是支持这方面语法的 <center>Markdown</center><p align = "left& ...
Java 读取 Word文档的字体、字号、文字颜色、文字背景、文字是否加粗或倾斜、文字下划线、段落等属性
Work库:free spire.doc.jar 3.9.0 由于这个包比较大,maven依赖容易下载失败,故此提供百度云下载地址,下载地址在最下面可支持读取字体.字号.文字颜色.文 ...

TextView使用Html适配文字颜色(color:““)、文字大小(font-size:14px)、文字权重(font-weight:500)

TextView使用Html适配文字颜色(color:"")、文字大小(font-size:14px)、文字权重(font-weight:500)

TextView使用Html适配文字颜色(color:““)、文字大小(font-size:14px)、文字权重(font-weight:500)相关推荐

最新文章

热门文章