TextView添加Html标签属性

Posted 2021-06-26 亮亮在江湖

最近在做搜索功能，搜索关键字显示高亮，通过后台返回的html标签，textview给出解析即可，下面是高亮效果图

下面记录下一些TextView可以使用的Html标签

标签      说明  
<br>        插入一个换行符。
<br>        标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）    
<p>         定义段落。
<p>         标签会自动在其前后各添加一个空行    
<h1>        定义最大的标题
<h2>        ↓
<h3>        ↓
<h4>        ↓
<h5>        ↓
<h6>        定义最小的标题
<div>       文档分节    
<strong>    把文本定义为语气更强的强调的内容。TextView中表现为文本加粗   
<b>         文本加粗    
<em>        把文本定义为强调的内容。TextView中表现为斜体文本效果。 
<cite>      定义引用。TextView中表现为斜体文本效果。    
<dfn>       标记那些对特殊术语或短语的定义。TextView中表现为斜体文本效果。 
<i>         显示斜体文本效果。   
<big>       呈现大号字体效果    
<small>     呈现小号字体效果    
<strike>    定义删除线样式的文字
<font size="..." color="..." face="...">    规定文本的字体、字体尺寸、字体颜色   color：文本颜色；size：文本大小；face：文本字体
<blockquote>    将<blockquote> 与 </blockquote> 之间的文本从常规文本中分离出来。
通常在左、右两边进行缩进，有时使用斜体。    
<tt>        呈现类似打字机或者等宽的文本效果    
<a>         定义超链接。最重要的属性是 href 属性，它指示链接的目标。 href：指示链接的目标
<u>         为文本添加下划线    
<sup>       定义上标文本  
<sub>       定义下标文本  
<img src="..."> 向网页中嵌入一幅图像。<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>  标签创建的是被引用图像的占位空间。   src：图像的url；alt：图像的替代文本

例如简单用法：
变换字体大小和颜色：

        String topic = "创造";
        String content = "奇迹的时刻到了";
        mText.setText(Html.fromHtml("<b><small><font color=#5A7BEF>" + topic + "</b><small/><font/>"  + content ));

换行和显示删除线样式的文字

        String square = "正正方方的字体";
        String strike = "我是斜的";
        mText.setText(Html.fromHtml(square +"<br />"+"<strike>"+strike));