Android 自定义解析html标签

用来解析类如下面代码里 html 标签样式. 

<span style="color: rgb(64, 169, 255);">文字内容</span>
<span style="color: rgb(64, 169, 255); font-size: 16px;"><strong>文字</strong></span>

使用: 

             val str = htmlStr.replace("span", CustomTagHandler.HANDLE_TAG)tvHtml.text =HtmlCompat.fromHtml(str,HtmlCompat.FROM_HTML_MODE_COMPACT,null,CustomTagHandler())

CustomTagHandler.kt 文件:


import android.graphics.Color
import android.text.Editable
import android.text.Html.TagHandler
import android.text.Spanned
import android.text.style.AbsoluteSizeSpan
import android.text.style.ForegroundColorSpan
import org.xml.sax.XMLReader/*** 自定义解析 html tag.** 解析字符串样式:* *     val str =*         """<p>*                <span style="color: rgb(64, 169, 255);">文字内容</span>*            </p>*            <p>*                <span style="color: rgb(64, 169, 255); font-size: 16px;"><strong>文字</strong></span>*            </p>*         """** @Author: qq.yang* @Date: 2024/2/26 14:33*/
internal class CustomTagHandler : TagHandler {companion object {const val HANDLE_TAG = "qqTag"}private var startIndex = 0private var stopIndex = 0private val attributes = HashMap<String, String>()override fun handleTag(opening: Boolean, tag: String, output: Editable, xmlReader: XMLReader?) {Logs.i("tagHandler -----> opening: $opening, tag: $tag, output: $output, xmlReader: ${xmlReader?.javaClass}")processAttributes(xmlReader)if (tag.equals(HANDLE_TAG, ignoreCase = true)) {if (opening) {startSpan(tag, output, xmlReader)} else {endSpan(tag, output, xmlReader)attributes.clear()}}}private fun startSpan(tag: String?, output: Editable, xmlReader: XMLReader?) {startIndex = output.length}private fun endSpan(tag: String?, output: Editable, xmlReader: XMLReader?) {stopIndex = output.lengthval style = attributes["style"]if (!style.isNullOrBlank()) {analysisStyle(startIndex, stopIndex, output, style)}}private fun processAttributes(xmlReader: XMLReader?) {xmlReader ?: returntry {val elementField = xmlReader.javaClass.getDeclaredField("theNewElement")elementField.isAccessible = trueval element = elementField[xmlReader]val attsField = element.javaClass.getDeclaredField("theAtts")attsField.isAccessible = trueval atts = attsField[element]val dataField = atts.javaClass.getDeclaredField("data")dataField.isAccessible = trueval data = dataField[atts] as Array<String>val lengthField = atts.javaClass.getDeclaredField("length")lengthField.isAccessible = trueval len = lengthField[atts] as Intfor (i in 0 until len) attributes[data[i * 5 + 1]] = data[i * 5 + 4]} catch (e: Exception) {// ignore.}}/*** 解析style属性*/private fun analysisStyle(startIndex: Int, stopIndex: Int, editable: Editable, style: String?) {Logs.i("tagHandler -----> analysisStyle -----> style:$style")style ?: returnval attrArray = style.split(";".toRegex()).dropLastWhile { it.isEmpty() }.toTypedArray()val attrMap: MutableMap<String, String> = HashMap()for (attr in attrArray) {val keyValueArray = attr.split(":".toRegex()).dropLastWhile { it.isEmpty() }.toTypedArray()if (keyValueArray.size == 2) {// 记住要去除前后空格attrMap[keyValueArray[0].trim { it <= ' ' }] =keyValueArray[1].trim { it <= ' ' }}}Logs.i("tagHandler -----> analysisStyle -----> attrMap:$attrMap")val fontSizeAttr = attrMap["font-size"]val fontSize = fontSizeAttr?.removeSuffix("px")?.toFloatOrNull()?.dpfontSize?.let {editable.setSpan(AbsoluteSizeSpan(fontSize.toInt()),startIndex,stopIndex,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)}val colorAttr = attrMap["color"]val fontColor = colorAttr?.let { parseColor(it) }fontColor?.let {editable.setSpan(ForegroundColorSpan(fontColor),startIndex,stopIndex,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)}}// rgb(64, 169, 255) -> Colorprivate fun parseColor(rgbString: String): Int {Logs.i("tagHandler -----> parseColor -----> rgbString:$rgbString")// 移除字符串中的 "rgb(" 和 ")"val cleanedString = rgbString.replace("rgb(", "").replace(")", "")// 拆分字符串以获取红、绿、蓝分量值val components = cleanedString.split(", ").map { it.toInt() }val (red, green, blue) = components// 构建颜色值并返回return Color.rgb(red, green, blue)}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/803775.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

django celery 异步任务 异步存储

环境&#xff1a;win11、python 3.9.2、django 4.2.11、celery 4.4.7、MySQL 8.1、redis 3.0 背景&#xff1a;基于django框架的大量任务实现&#xff0c;并且需要保存数据库 时间&#xff1a;20240409 说明&#xff1a;异步爬取小说&#xff0c;并将其保存到数据库 1、创建…

配置交换机SSH管理和端口安全——实验2:配置交换机端口安全

实验目的 通过本实验可以掌握&#xff1a; 交换机管理地址配置及接口配置。查看交换机的MAC地址表。配置静态端口安全、动态端口安全和粘滞端口安全的方法 实验拓扑 配置交换机端口安全的实验拓扑如图所示。 配置交换机端口安全的实验拓扑 实验步骤 &#xff08;1&#x…

springboot+vue2+elementui+mybatis- 批量导出导入

全部导出 批量导出 报错问题分析 经过排查&#xff0c;原因是因为在发起 axios 请求的时候&#xff0c;没有指定响应的数据类型&#xff08;这里需要指定响应的数据类型为 blob 二进制文件&#xff09; 当响应数据回来后&#xff0c;会执行 axios 后置拦截器的代码&#xff0…

[开源] 基于transformer的时间序列预测模型python代码

分享一下基于transformer的时间序列预测模型python代码&#xff0c;给大家&#xff0c;记得点赞哦 #!/usr/bin/env python # coding: 帅帅的笔者import torch import torch.nn as nn import numpy as np import pandas as pd import time import math import matplotlib.pyplo…

【Java8新特性】二、函数式接口

这里写自定义目录标题 一、什么是函数式接口二、自定义函数式接口三、作为参数传递 Lambda 表达式四、四大内置核心函数式接口1、消费形接口2、供给形接口3、函数型接口4、断言形接口 一、什么是函数式接口 只包含一个抽象方法的接口&#xff0c;称为函数式接口。你可以通过 L…

【MATLAB高级编程】第二篇 | 元胞数组(cell)操作

【第二篇】元胞数组&#xff08;cell&#xff09;操作 1. 创建元胞数组cell2. 查看和修改cell内的元素值3. 高级操作: 可视化作图显示cell内的内容4. 把矩阵转换成单元数组5. 把单元数组转换成结构体变量 你好&#xff01; 欢迎进入 《MATLAB高级编程》 文章系列 &#xff0c;每…

postgresql uuid

示例数据库版本PG16&#xff0c;对于参照官方文档截图&#xff0c;可以在最上方切换到对应版本查看&#xff0c;相差不大。 方法一&#xff1a;自带函数 select gen_random_uuid(); 去掉四个斜杠&#xff0c;简化成32位 select replace(gen_random_uuid()::text, -, ); 官网介绍…

《前端面试题》- CSS - CSS选择器的优先级

行内样式1000 d选择器100 属性选择器、class或者伪类10 元素选择器&#xff0c;或者伪元素1 通配符0 参考网址&#xff1a;https://blog.csdn.net/jbj6568839z/article/details/113888600https://www.cnblogs.com/RenshuozZ/p/10327285.htmlhttps://www.cnblogs.com/zxjwlh/p/6…

搭建Grafana+Prometheus监控Spring Boot应用

Spring项目改造 maven依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-actuator</artifactId> </dependency><dependency><groupId>io.micrometer</groupId><artif…

​如何使用 ArcGIS Pro 制作带贴图建筑

对于用GIS软件制作三维建筑&#xff0c;很多时候都是制作的建筑体块&#xff0c;这里为大家介绍一下怎么使用 ArcGIS Pro 制作带贴图的建筑&#xff0c;希望能对你有所帮助。 数据来源 教程所使用的数据是从水经微图中下载的建筑数据&#xff0c;除了建筑数据&#xff0c;常见…

最简洁的Docker环境配置

Docker环境配置 Docker 是一个开源的应用容器引擎&#xff0c;让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中&#xff0c;然后发布到任何流行的 Mac、Linux或Windows操作系统的机器上&#xff0c;也可以实现虚拟化。容器是完全使用沙箱机制&#xff0c;相互之间不…

AI大模型探索之路-应用篇2:Langchain框架ModelIO模块—数据交互的秘密武器

目录 前言 一、概述​​​​​​​ 二、Model 三、Prompt 五、Output Parsers 总结 前言 随着人工智能技术的不断进步&#xff0c;大模型的应用场景越来越广泛。LangChain框架作为一个创新的解决方案&#xff0c;专为处理大型语言模型的输入输出而设计。其中&#xff0c;…

redis主从复制详解

redis主从复制(replica) 1、是什么&#xff1f; 目录 redis主从复制(replica) 1、是什么&#xff1f; 2、能干嘛&#xff1f; 3、怎么玩&#xff1f; 4、案例演示 前置操作 &#x1f357;一主二仆 &#x1f355;薪火相传 &#x1f32d;反客为主 5、复制的原理和工作…

MATLAB入门介绍

MATLAB是由MathWorks公司开发的一款专业的数学计算软件&#xff0c;主要用于算法开发、数据可视化、数据分析以及数值计算等领域。它提供了一个易于使用的环境&#xff0c;让用户可以通过矩阵计算、函数和数据绘图、用户界面的创建以及编程和文档编写来解决各种数学问题。 MATL…

Flutter仿Boss-6.底部tab切换

效果 实现 图片资源采用boss包中的动画webp资源。Flutter采用Image加载webp动画。 遇到的问题 问题&#xff1a;Flutter加载webp再次加载无法再次播放动画问题 看如下代码&#xff1a; Image.asset(assets/images/xxx.webp,width: 40.w,height: 30.w, )运行的效果&#xf…

Vue3 + Vite 构建组件库发布到 npm

你有构建完组件库后&#xff0c;因为不知道如何发布到 npm 的烦恼吗&#xff1f;本教程手把手教你用 Vite 构建组件库发布到 npm 搭建项目 这里我们使用 Vite 初始化项目&#xff0c;执行命令&#xff1a; pnpm create vite my-vue-app --template vue这里以我的项目 vue3-xm…

GPT提示词分享 —— 中医

&#x1f449; 中医诊断涉及因素较多&#xff0c;治疗方案仅供参考&#xff0c;具体的方子需由医生提供。AI建议不能替代专业医疗意见&#xff0c;如果症状严重或持续&#xff0c;建议咨询专业医生。 我希望你能扮演一位既是老中医同时又是一个营养学专家&#xff0c;我讲描述…

Linux部署FTP服务器

文章目录 什么是FTP协议&#xff1f;Linux上部署FTP服务器安装FTP服务启动FTP服务编辑/etc/vsftpd.conf重新启动服务测试FTP服务 什么是FTP协议&#xff1f; FTP协议是一种基于TCP的文件传输协议&#xff0c;能够实现高效的文件上传和下载功能&#xff0c;最重要的是它能够使用…

LeetCode-322. 零钱兑换【广度优先搜索 数组 动态规划】

LeetCode-322. 零钱兑换【广度优先搜索 数组 动态规划】 题目描述&#xff1a;解题思路一&#xff1a;Python动态规划五部曲&#xff1a;定推初遍举【先遍历物品 后遍历背包】解题思路二&#xff1a;Python动态规划五部曲&#xff1a;定推初遍举【先遍历背包 后遍历物品】解题思…

WPF —— 动画旋转变换

RotateTransform:在二维x-y坐标系统内围绕指定点顺时针旋转某个对象: 在故事板中依赖属性为:RenderTransform.Angle就是要进行旋转的角度 直接给按钮添加 RenderTransformOrigin"0.5,0.5" 是中心位置 。值是比例0 和1&#xff0c; <Button Width"100" H…