重构之美:Java Swing中 如何对指定行文本进行CSS样式渲染,三种实现思路分享

文章目录

    • 需求分析
    • Document 应用
    • 彩蛋

需求分析

在这里插入图片描述

在Swing中,如果期望实现对JTextArea 或者 TextPane等文本区域实现单行渲染改怎么做?如上图所示

总的来说有两种实现方案

  • 文本行数可控,那么构造一组JLabel集合按表单顺序添加,这样可以预先调整特定位置的颜色

  • 文本行数未知,想基于关键字模糊匹配,甚至将所在行进行统一控制,那么需要借助Document对象完成

如果行数可控的文本控制,直接使用label.setColor(XXX)即可设置,无需过多考虑,下面主要探讨行数可变,且不同需求下的文本渲染问题。


Document 应用

在行数可变前提下 还得你的技术选型是什么,不同的Component的渲染方式思路一样,但实现上略有差异。否则东施效颦,结果啥也出不来

  1. 基于JTextArea 的 Document
 private JTextArea jTextArea = new JTextArea();# 引入样式组件private StyleContext styleContext = new StyleContext();# 添加全局样式private Style redStyle = styleContext.addStyle("red", null);private Style common = styleContext.addStyle("common", null);StyleConstants.setForeground(redStyle, Color.RED);StyleConstants.setForeground(common, Color.BLACK);# 使用 Document document = jTextArea.getDocument();# 注意这个方式是以插入方式渲染,也就是说其他默认样式也需要通过插入方式到textArea,否则就会出现内容丢失//document.insertString(document.getLength(), "特定文本之前内容", common);document.insertString(document.getLength(), "特定文本", redStyle);//document.insertString(document.getLength(), "特定文本之后的内容", common);
  1. 基于JTextPane 的StyleDocument
    本文开头使用的便是如下这种方式
		JTextPane textPane = new JTextPane();textPane.setEditable(false); // 可编辑textPane.setFont(new Font("微软雅黑", Font.PLAIN, 16)); // 设置字体textPane.setText("hello swing this is red\n hello java, this is blue\n hello word\n");StyledDocument styledDocument = textPane.getStyledDocument();SimpleAttributeSet red = new SimpleAttributeSet();StyleConstants.setForeground(red, Color.RED);// 关键字渲染String text = textPane.getText();int swing = text.indexOf("swing");styledDocument.setCharacterAttributes(swing, swing, red, true);SimpleAttributeSet blue = new SimpleAttributeSet();StyleConstants.setForeground(blue, Color.BLUE);StyleConstants.setBold(blue, true);// 按行渲染int java = text.indexOf("java");Element defaultRootElement = styledDocument.getDefaultRootElement();int offset = defaultRootElement.getElementIndex(java);int start = defaultRootElement.getElement(offset).getStartOffset();int end = defaultRootElement.getElement(offset).getEndOffset();styledDocument.setCharacterAttributes(start, end - start, blue, true);
  1. 基于JTextPane的HTML文档
 		// 创建一个 JTextPaneJTextPane textPane = new JTextPane();textPane.setEditable(false); // 不可编辑// 创建一个 HTML 文档HTMLEditorKit kit = new HTMLEditorKit();StyleSheet styleSheet = kit.getStyleSheet();styleSheet.addRule("body { font-size: 16px; font-family: Arial; }"); // 自定义样式String htmlContent = "<html><body><h1>Hello, <span style='color: blue;'>World</span></h1></body></html>";try {textPane.setEditorKit(kit);textPane.setText(htmlContent);} catch (Exception e) {e.printStackTrace();}

彩蛋

重构之美系列文章一定存在通用解决方案的工具方法,大家可参考使用:


/**重点介绍:String... tags  统一渲染的关键字集合replaceAll: 是否对tag 进行全文样式替换*/
private void repaintCaseTitle(StyledDocument doc, SimpleAttributeSet style, boolean replaceAll, String... tags) {String text = jTextPane.getText();for (String tag : tags) {int i = text.indexOf(tag);if (i < 0) {log.info(tag + "无效渲染");return;}Element defaultRootElement = doc.getDefaultRootElement();if (!replaceAll) {int offset = defaultRootElement.getElementIndex(i);int startIndex = defaultRootElement.getElement(offset).getStartOffset();int endIndex = defaultRootElement.getElement(offset).getEndOffset();doc.setCharacterAttributes(startIndex, endIndex - startIndex, style, true);continue;}// 全部替换for (int j = 0; j < defaultRootElement.getElementCount(); j++) {Element line = defaultRootElement.getElement(j);try {String lineText = doc.getText(line.getStartOffset(), line.getEndOffset() - line.getStartOffset());if (lineText.contains(tag)) {doc.setCharacterAttributes(line.getStartOffset(), line.getEndOffset() - line.getStartOffset(), style, true);}} catch (BadLocationException e) {e.printStackTrace();}}}}

改工具方法基于JTextPane提供通用样式渲染提供简便调用
使用时仅仅需要通过一行代码便可以对目标关键字进行按行渲染, 如果还有定制化需求,可自行修改

  repaintCaseTitle(doc, redStyle, false, "测试", "分析", "异常");

研发不易,多多支持

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

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

相关文章

松下A6B伺服 马达不动问题解决

本人在用信捷XDH plc ethercat总线&#xff0c;连松下A6B伺服&#xff0c;轴配置完成轴调试时&#xff0c;出现能使能&#xff0c;但 马达不动的情况。 开始总怀疑时信捷PLC的原因&#xff0c;后面查明是输入口定义引起的。 用USB线连接伺服&#xff0c;打开PANAPARM软件,自…

在Mac上安装MongoDB 5.0

MongoDB 5.0安装 1、环境描述 操作系统&#xff1a;macOS 14.0 (23A344) 2、安装MongoDB 2.1、tar解压包安装 下载地址&#xff1a;Download MongoDB Community Server | MongoDB 创建一个目录&#xff0c;以便数据库将文件放入其中。&#xff08;默认情况下&#xff0c;数据…

linux--

一、crond 任务调度 1、原理示意图 2、crontab 进行定时任务的设置 2.1. 概述 任务调度&#xff0c;是指系统在某个时间执行的特定的命令或程序。任务调度分类&#xff1a; 系统工作: 有些重要的工作必须周而复始地执行。如病毒扫描等 个别用户工作:个别用户可能希望执行某些…

深度学习:张量 介绍

张量[1]是向量和矩阵到 n 维的推广。了解它们如何相互作用是机器学习的基础。 简介 虽然张量看起来是复杂的对象&#xff0c;但它们可以理解为向量和矩阵的集合。理解向量和矩阵对于理解张量至关重要。 向量是元素的一维列表&#xff1a; 矩阵是向量的二维列表&#xff1a; 下标…

Ajax学习笔记第三天

做决定之前仔细考虑&#xff0c;一旦作了决定就要勇往直前、坚持到底&#xff01; 【1 ikunGG邮箱注册】 整个流程展示&#xff1a; 1.文件目录 2.页面效果展示及代码 mysql数据库中的初始表 2.1 主页 09.html:里面代码部分解释 display: inline-block; 让块元素h1变成行内…

OpenCV C++ 图像处理实战 ——《缺陷检测》

OpenCV C++ 图像处理实战 ——《缺陷检测》 一、结果演示二、缺陷检测算法2.1、多元模板图像2.2、训练差异模型三、图像配准3.1 功能源码3.1 功能效果四、多元模板图像4.1 功能源码五、缺陷检测5.1 功能源码六、源码测试图像下载总结一、结果演示

pytorch笔记:TRIPLETMARGINLOSS

1 介绍 创建一个衡量三元组损失的标准&#xff0c;给定输入张量 x1​、x2​ 和 x3​ 以及一个大于0的间距值。这用于测量样本之间的相对相似性。一个三元组由a、p和n组成&#xff08;锚点、正例和负例&#xff09;。所有输入张量的形状都应为 (N,D) 2 基本使用方法 torch.nn.…

AD9371 官方例程HDL详解之JESD204B RX侧格式配置

AD9371 系列快速入口 AD9371ZCU102 移植到 ZCU106 &#xff1a; AD9371 官方例程构建及单音信号收发 采样率和各个时钟之间的关系 &#xff1a; AD9371 官方例程HDL详解之JESD204B TX侧时钟生成 &#xff08;三&#xff09; 参考资料&#xff1a; UltraScale Architecture G…

【AD9361 数字接口CMOS LVDSSPI】D 串行数据之SPI

【AD9361 数字接口CMOS &LVDS&SPI】D部分 接续 【AD9361 数字接口CMOS &LVDS&SPI】A 并行数据之CMOS 串行外设接口&#xff08;SPI&#xff09; SPI总线为AD9361的所有数字控制提供机制。每个SPI寄存器的宽度为8位&#xff0c;每个寄存器包含控制位、状态监视…

【OpenCV实现平滑图像金字塔,轮廓:入门】

文章目录 概要图像金字塔轮廓&#xff1a;入门 概要 文章内容的概要&#xff1a; 平滑图像金字塔&#xff1a; 图像金字塔是什么&#xff1f; 图像金字塔是指将原始图像按照不同的分辨率进行多次缩小&#xff08;下采样&#xff09;得到的一系列图像。这种处理方式常用于图像…

数据链路层和DNS之间的那些事~

数据链路层&#xff0c;考虑的是两个节点之间的传输。这里面的典型协议也很多&#xff0c;最知名的就是“以太网”。我们本篇主要介绍的就是以太网协议。这个协议规定了数据链路层&#xff0c;也规定了物理层的内容。 目录 以太网帧格式 帧头 载荷 帧尾 DNS 从输入URL到…

[读论文] On Joint Learning for Solving Placement and Routing in Chip Design

0. Abstract 由于 GPU 在加速计算方面的优势和对人类专家的依赖较少&#xff0c;机器学习已成为解决布局和布线问题的新兴工具&#xff0c;这是现代芯片设计流程中的两个关键步骤。它仍处于早期阶段&#xff0c;存在一些基本问题&#xff1a;可扩展性、奖励设计和端到端学习范…

获取IEEE会议论文的标题和摘要

获取IEEE会议论文的标题和摘要 – 潘登同学的爬虫笔记 文章目录 获取IEEE会议论文的标题和摘要 -- 潘登同学的爬虫笔记 打开IEEE的高级搜索环境准备完整爬虫过程获取文章地址翻译函数获取文章标题和摘要 前几天接到导师的一个任务&#xff0c;要我去找找IEEE Transactions on K…

vue源码分析(七)—— createComponent

文章目录 前言一、createComponent 参数说明二、createComponent 源码详解1.baseCtor的实际指向2.extend 方法3.判断Ctor是否是函数的判断4.installComponentHooks方法5.返回一个带标识的组件 vnode 前言 createComponent文件的路径&#xff1a; src\core\vdom\create-componen…

【Qt之控件QKeySequenceEdit】分析及使用

描述 QKeySequenceEdit小部件允许输入一个QKeySequence。 该小部件允许用户选择一个QKeySequence&#xff0c;通常用作快捷键。当小部件获取焦点时&#xff0c;录制将开始&#xff0c;并在用户释放最后一个键后的一秒钟结束。 用户可以使用输入键盘来输入键序列。通过调用get…

Postman日常操作

一.Postman介绍 1.1第一个简单的demo 路特斯&#xff08;英国汽车品牌&#xff09;_百度百科 (baidu.com) 1.2 cookie 用postman测试需要登录权限的接口时&#xff0c;会被拦截&#xff0c;解决办法就是每次请求接口前&#xff0c;先执行登录&#xff0c;然后记住cookie或者to…

python html(文件/url/html字符串)转pdf

安装库 pip install pdfkit第二步 下载程序wkhtmltopdf https://wkhtmltopdf.org/downloads.html 下载7z压缩包 解压即可, 无需安装 解压后结构应该是这样, 我喜欢放在项目里, 相对路径引用(也可以使用绝对路径, 放其他地方) import pdfkit# 将 wkhtmltopdf.exe程序 路径 p…

LVS-keepalived实现高可用

概念&#xff1a; 本章核心&#xff1a; Keepalived为LVS应运而生的高可用服务。LVS的调度无法做高可用&#xff0c;预算keepalived这个软件&#xff0c;实现了调度器的高可用。 但是&#xff1a;Keeplived不是专门为LVS集群服务的&#xff0c;也可以做其他服务器的高可用 LVS…

STM32F103的中断

文章目录 STM32F103的NVICSTM32F103 的中断优先级分组 STM32F103的NVIC CM3 内核支持 256 个中断&#xff0c;其中包含了 16 个内核中断和 240 个外部中断&#xff0c;并且具有 256级的可编程中断设置。 CM3中每个中断通道都具备自己的8位中断优先级控制字节&#xff0c; 但ST…

【ROS入门】雷达、摄像头及kinect信息仿真以及显示

文章结构 雷达信息仿真以及显示Gazebo仿真雷达配置雷达传感器信息xacro文件集成启动仿真环境 Rviz显示雷达数据 摄像头信息仿真以及显示Gazebo仿真摄像头新建xacro文件&#xff0c;配置摄像头传感器信息xacro文件集成启动仿真环境 Rviz显示摄像头数据 kinect信息仿真以及显示Ga…