qt做一个带行号的文本编辑器

已于 2022-07-13 09:18:07 修改
阅读量4.1k 收藏 15
点赞数 5
分类专栏： Qt 文章标签： qt 开发语言
于 2021-08-11 21:29:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43777852/article/details/119616725
版权

前言

做单片机开发的经常需要一些协议转换的小工具（虽然mcu厂商有提供，但与我们要用的不能完全兼容）。最近为了做一款hex文件格式转s19格式的上位机软件，最开始设计界面与一般的上位机一样搞个PushButton,点击一下打开文件，然后开始转换。后面觉得界面实在太丑了，而且每次转换都得先点击上位机，然后再找文件后开始转换。

为何不直接点击hex文件，然后就能调用文件转换工具？或者在hex文件的地方点击右键，右键菜单中有hex->s19的功能呢？

这里我选择了前一种方式。里有是更加直观。你可以像用记事本打开txt文件一样简单。既可以直接点击hex文件，也可以先打开上位机再打开文本文件

 功能特点

一、可以通过菜单栏打开文件

二、可以通过拖拽功能打开文件

三、可以通过点击文本文件打开文本文件（此处需要设置默认打开程序）

四、显示文本行号

文本显示控件MyTextEdit

qt中没有可以自带显示行号的控件，该控件为自己修改控件，包含了QTextEdit,QTextBrowser、QScrollBar三个小控件。

 QTextEdit 用来显示文本，QTextBrowser用来显示行号、QScrollBar为横向滚动条。

在ui文件中禁用掉QTextBrowser横向、纵向滚动条以及QTextEdit横向滚动条。

之所以添加横向QScrollBar，主要是因为若QTextEdit出现横向滚动条，QTextBrowser无滚动条时会导致行号显示位置与文本显示不在同一水平线上。

设置好界面后使用信号槽方式关联好滚动条与显示的关系

实际运行效果

llhm
关注
  • 5
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
QCodeEditor - 基于Qt的代码编辑器
weixin_42887343的博客
01-18 6170
一 基本介绍 QCodeEditor是一个支持自动完成、语法高亮和行号的代码编辑器。 它面向所有想要支持多种语言的人，从编程语言到标记语言，甚至是自定义脚本语言。在目前的状态下，它可以完美地处理上面提到的所有功能，但是还有很多事情需要实现。QCodeEditor是基于 Qt 的QPlainTextEdit，它已经包含一个用于添加语法突出显示和自动完成的接口。 二 代码使用 使用编辑器本身非常简单。可以通过QPlainTextEdit在表单中添加 a 并将其提升到kgl::QCodeEditor（请注意，必.
Qt5.14封装 QTextEdit可现实行号和列号
知其所以然
03-16 315
概述 开发操作系统： win11 Qt版本： 5.14 封装之初心， 用于显示网络和串口收到的源码数据， 十六进制显示，每一帧显示一行 功能 可显示行号和列号 可指定列数与行数 显示滚动条 界面组成 全部由QTextEdit组成， 共四个。 其中，左上角的 没有用到。 仅仅起到了占位的作用。 见下图 显示范例 下面用于显示源码范例 用法 直接调用append 函数即可 控件组...
QTextBrowser设置行号
最新发布
jijie_ming的博客
07-17 334
QTextBrowser本身并不直接支持显示行号，因为它是用来展示富文本的，没有内置的行号显示功能。但你可以通过一些变通的方式来实现这个需求，比如使用一个QTextEdit（QTextBrowser继承自QTextEdit）结合自定义的行号显示部件。：你需要监听QTextBrowser的滚动条变化事件，并相应地更新行号显示部件中的内容，以保证滚动时行号与文本内容同步。：你可以创建一个新的QWidget作为行号显示区域，这个部件将与你的QTextBrowser并排布局。方法获取文档的总行数，以及使用。
Pyqt5实现带行号显示的QTextEdit
qq_42510133的博客
02-21 1165
自研自动化测试工具IDE界面需要添加行号显示并支持富文本显示，网上代码多为QPlainEdit实现行号显示，不支持富文本显示。参考QT官方示例Code Edit Example(基于QPlainEdit)，csdn(QPlainEdit)1以及StackOverflow2，改写代码实现带行号显示的富文本编辑窗口。
Qt QTextEdit根据行号移动光标
weixin_33991727的博客
07-17 467
QTextEdit* p = new QTextEdit; QTextBlock block = p->document()->findBlockByNumber(nLineNum); p->setTextCursor(QTextCursor(block)); 转载于:https://www.cnblogs.com/stones-dream/p/932369...
QT组件：带行号的QTextEdit
友善啊，朋友的博客
10-25 2673
重写QTextEdit，实现带行号的的编辑框 代码：https://download.csdn.net/download/kenfan1647/13043225 效果：
PyQt5 QTextEdit实现行号标注
weixin_41102672的博客
09-04 2231
‘’’ 原控件是QPlainTextEdit 移植到了QTextEdit上 使用了借助光标位置进行补偿的方式，来保证滚动行数满足要求。 ‘’’ from PyQt5.QtCore import Qt, QRect, QSize, QPoint from PyQt5.QtWidgets import QWidget, QPlainTextEdit, QTextEdit from PyQt5.QtGui import QColor, QPainter, QTextFormat, QKeyEvent, QWhee
qt编写带行号文本编辑器效果预览
08-13
"qt编写带行号文本编辑器效果预览"这个标题暗示我们将探讨如何使用Qt来开发一个具有行号显示功能的文本编辑器。这样的编辑器不仅提供基本的文字输入功能，还允许用户清晰地看到每行代码或文本的编号，这对于编程或...
Qt实现的一个文本编辑器
06-30
【Qt实现的一个文本编辑器】 Qt是一个跨平台的C++应用程序开发框架，广泛用于创建图形用户界面和其他软件。它由The Qt Company维护，并且在开源社区中非常活跃。本项目利用Qt库实现了一个简单的文本编辑器，具备...
QT 编写的编译器，高亮显示，显示行号，一般编辑器的功能，代码填充
03-08
在提到的"QT 编写的编译器，高亮显示，显示行号，一般编辑器的功能，代码填充"中，我们可以理解为一个使用QT框架构建的代码编辑器。这样的编辑器通常具备以下功能： 1. **高亮显示**：代码编辑器的高亮显示功能能够...
显示行号的语法高亮编辑器
08-30
显示行号的语法高亮编辑器
介绍一个textrate编辑器带行号的
05-24
NULL 博文链接：https://hudefeifei1.iteye.com/blog/363624
qt开发一个显示行号的文本编辑器，并动态高亮显示被选中文本的行号
06-03
你可以使用Qt的QPlainTextEdit类来创建文本编辑器，并使用QSyntaxHighlighter类来高亮显示文本。 首先，为了显示行号，你可以使用QPlainTextEdit的行号显示功能。你可以在QPlainTextEdit的构造函数中打开它： ```...
基于QPlainTextEdit带标签行号的文本编辑器
kchmmd的博客
10-15 691
CodeEditor.cpp 文件。CodeEditor.h 文件。
QtQuick实现文本编辑和显示文本行号-改进版
qyvlik的专栏
10-25 3073
可以查看这个简单的项目
QTextEdit获取文本行号
左霖风的博客
05-27 2703
1.光标法 #include <QTextLayout> #include <QTextBlock> QTextCursor tc = ui.textEdit->textCursor(); //当前光标 QTextLayout *lay = tc.block().layout(); int iCurPos= tc.position() - tc.block().position();//当前光标在本BLOCK内的相对位置 //光标所在行 int iCurrentLine
QtQuick实现文本编辑和显示文本行号
qyvlik的专栏
10-23 4776
由于某个项目的需要的，需要使用Qt实现文本行号 在参考网上的一些
QTextEdit获取指定行数文本和光标所在位置行号
草上爬的博客
11-29 3676
QTextEdit获取指定行数文本和光标所在位置行号
qt textedit行号显示
05-18
Qt 的 QTextEdit 组件默认是没有行号显示的，但是可以通过自定义 QSyntaxHighlighter 类来实现行号显示。 下面是一个简单的示例代码： ```cpp class LineNumberArea : public QWidget { public: LineNumberArea(QTextEdit* editor) : QWidget(editor) { m_editor = editor; } QSize sizeHint() const override { return QSize(m_editor->lineNumberAreaWidth(), 0); } protected: void paintEvent(QPaintEvent* event) override { m_editor->lineNumberAreaPaintEvent(event); } private: QTextEdit* m_editor; }; class TextEdit : public QTextEdit { public: TextEdit(QWidget* parent = nullptr) : QTextEdit(parent) { m_lineNumberArea = new LineNumberArea(this); connect(this, &TextEdit::blockCountChanged, this, &TextEdit::updateLineNumberAreaWidth); connect(this, &TextEdit::updateRequest, this, &TextEdit::updateLineNumberArea); connect(this, &TextEdit::cursorPositionChanged, this, &TextEdit::highlightCurrentLine); updateLineNumberAreaWidth(); highlightCurrentLine(); } protected: void resizeEvent(QResizeEvent* event) override { QTextEdit::resizeEvent(event); QRect cr = contentsRect(); m_lineNumberArea->setGeometry(QRect(cr.left(), cr.top(), lineNumberAreaWidth(), cr.height())); } private: void updateLineNumberAreaWidth() { setViewportMargins(lineNumberAreaWidth(), 0, 0, 0); } void updateLineNumberArea(const QRect& rect, int dy) { if (dy) m_lineNumberArea->scroll(0, dy); else m_lineNumberArea->update(0, rect.y(), m_lineNumberArea->width(), rect.height()); if (rect.contains(viewport()->rect())) updateLineNumberAreaWidth(); } void lineNumberAreaPaintEvent(QPaintEvent* event) { QPainter painter(m_lineNumberArea); painter.fillRect(event->rect(), Qt::lightGray); QTextBlock block = firstVisibleBlock(); int blockNumber = block.blockNumber(); int top = qRound(blockBoundingGeometry(block).translated(contentOffset()).top()); int bottom = top + qRound(blockBoundingRect(block).height()); while (block.isValid() && top <= event->rect().bottom()) { if (block.isVisible() && bottom >= event->rect().top()) { QString number = QString::number(blockNumber + 1); painter.setPen(Qt::black); painter.drawText(0, top, m_lineNumberArea->width(), fontMetrics().height(), Qt::AlignRight, number); } block = block.next(); top = bottom; bottom = top + qRound(blockBoundingRect(block).height()); ++blockNumber; } } void highlightCurrentLine() { QList<QTextEdit::ExtraSelection> extraSelections; if (!isReadOnly()) { QTextEdit::ExtraSelection selection; QColor lineColor = QColor(Qt::yellow).lighter(160); selection.format.setBackground(lineColor); selection.format.setProperty(QTextFormat::FullWidthSelection, true); selection.cursor = textCursor(); selection.cursor.clearSelection(); extraSelections.append(selection); } setExtraSelections(extraSelections); } int lineNumberAreaWidth() { int digits = 1; int max = qMax(1, blockCount()); while (max >= 10) { max /= 10; ++digits; } int space = 3 + fontMetrics().width(QLatin1Char('9')) * digits; return space; } private: LineNumberArea* m_lineNumberArea; }; ``` 在上面的代码中，我们自定义了 LineNumberArea 和 TextEdit 两个类。其中，LineNumberArea 是用来显示行号的 QWidget 子类，而 TextEdit 则是用来显示文本和行号的 QTextEdit 子类。 在 TextEdit 类中，我们重载了 resizeEvent()、updateRequest() 和 cursorPositionChanged() 三个函数，并且连接了它们的信号到对应的槽函数中。这些槽函数用来更新行号区域的大小、内容和当前行的高亮显示。 注意，在 TextEdit 类中，我们还重载了 setViewportMargins() 函数，用来设置视口的外边距。这里我们将左边距设置为行号区域的宽度，以便在 QTextEdit 中显示行号。 最后，我们可以像下面这样使用 TextEdit 类来显示带有行号的文本编辑器： ```cpp int main(int argc, char** argv) { QApplication app(argc, argv); TextEdit editor; editor.show(); return app.exec(); } ```
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值