首先看最终效果:

主要要实现的地方是行号的显示,还有选中行的高亮。

项目结构

整个程序只有三个文件,最主要的只有一个CodeEditor类,它是继承自QPlainTextEdit,这个类相比于普通的TextEdit更适合于做富 文本编辑器。

头文件

//codeeditor.h #ifndef CODEEDITOR_H #define CODEEDITOR_H  #include 
#include
QT_BEGIN_NAMESPACE class QPaintEvent; class QResizeEvent; class QSize; class QWidget; QT_END_NAMESPACE class LineNumberArea; //![codeeditordefinition] class CodeEditor : public QPlainTextEdit { Q_OBJECT public: CodeEditor(QWidget *parent = 0); void lineNumberAreaPaintEvent(QPaintEvent *event); int lineNumberAreaWidth(); protected: void resizeEvent(QResizeEvent *event); private slots: void updateLineNumberAreaWidth(int newBlockCount); void highlightCurrentLine(); void updateLineNumberArea(const QRect &, int); private:
LineNumberArea *lineNumberArea;
};//![codeeditordefinition]//![extraarea]class LineNumberArea : public QWidget{public: LineNumberArea(CodeEditor *editor) : QWidget(editor) { codeEditor = editor; } QSize sizeHint() const { return QSize(codeEditor->lineNumberAreaWidth(), 0); }protected: void paintEvent(QPaintEvent *event) { codeEditor->lineNumberAreaPaintEvent(event); }private:
 Code Editor *codeEditor;};//![extraarea]#endif 
 
头文件中包含了两个类的定义:继承QPlainTextEdit的CodeEditor和继承QWidget的LineNumberArea。

写在一起的原因:在显示行号的时候需要用到QPlainTextEdit的protected方法,为了方便就直接写死在CodeEditor中。

在编辑器中,当代码的行数发生改变,或者编辑器的大小发生改变,行号都需要重新绘制,为此而创建了两个slot:updateLineNumberWidth() 和 updateLineNumberArea()。

cpp文件

//codeeditor.cpp #include 
#include "codeeditor.h" //![constructor] CodeEditor::CodeEditor(QWidget *parent) : QPlainTextEdit(parent) { lineNumberArea = new LineNumberArea(this); connect(this, SIGNAL(blockCountChanged(int)), this, SLOT(updateLineNumberAreaWidth(int))); connect(this, SIGNAL(updateRequest(QRect,int)), this, SLOT(updateLineNumberArea(QRect,int))); connect(this, SIGNAL(cursorPositionChanged()), this, SLOT(highlightCurrentLine())); updateLineNumberAreaWidth(0); highlightCurrentLine(); } //![constructor] //![extraAreaWidth] int CodeEditor::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; } //![extraAreaWidth] //![slotUpdateExtraAreaWidth] void CodeEditor::updateLineNumberAreaWidth(int /* newBlockCount */) { setViewportMargins(lineNumberAreaWidth(), 0, 0, 0); } //![slotUpdateExtraAreaWidth] //![slotUpdateRequest] void CodeEditor::updateLineNumberArea(const QRect &rect, int dy) { if (dy) lineNumberArea->scroll(0, dy); else lineNumberArea->update(0, rect.y(), lineNumberArea->width(), rect.height()); if (rect.contains(viewport()->rect())) updateLineNumberAreaWidth(0); } //![slotUpdateRequest] //![resizeEvent] void CodeEditor::resizeEvent(QResizeEvent *e) { QPlainTextEdit::resizeEvent(e); QRect cr = contentsRect(); lineNumberArea->setGeometry(QRect(cr.left(), cr.top(), lineNumberAreaWidth(), cr.height())); } //![resizeEvent] //![cursorPositionChanged] void CodeEditor::highlightCurrentLine() { QList
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); } //![cursorPositionChanged] //![extraAreaPaintEvent_0] void CodeEditor::lineNumberAreaPaintEvent(QPaintEvent *event) { QPainter painter(lineNumberArea); painter.fillRect(event->rect(), Qt::lightGray); //![extraAreaPaintEvent_0] //![extraAreaPaintEvent_1] QTextBlock block = firstVisibleBlock(); int blockNumber = block.blockNumber(); int top = (int) blockBoundingGeometry(block).translated(contentOffset()).top(); int bottom = top + (int) blockBoundingRect(block).height(); //![extraAreaPaintEvent_1] //![extraAreaPaintEvent_2] 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, lineNumberArea->width(), fontMetrics().height(), Qt::AlignRight, number); } block = block.next(); top = bottom; bottom = top + (int) blockBoundingRect(block).height(); ++blockNumber; } } //![extraAreaPaintEvent_2]
在cpp中,首先是类的构造函数,初始化私有成员,链接相应的signal和slot。计算linenumbeearea的宽度并高亮第一行也是必须的。

lineNumberAreaWidth():用于计算 LineNumberArea的宽度,取得最大行数,将其位数与数字9的宽度相乘,再加上3的间隔就可以了。

updateLineNumberAreaWidth(int):更新LineNumberArea的宽度,主要用到了setViewportMargins(),设置内边距。当行数不断增加,只要将左边的内边距加大就可以了。

updateLineNumberArea(const QRect &rect, int dy):当有换行出现的时候,对LineNumberArea进行更新

resizeEvent(QResizeEvent *e):当窗口大小变化的时候,LineNumberArea的大小也要进行变化。

highlightCurrentLine():当光标位置发生改变的时候,高亮的位置也发生改变。

lineNumberAreaPaintEvent(QPaintEvent *event):主要负责显示行号,首先是绘制黑色的背景,然后循环绘制行号。在plain text edit中,每一行都只包含一个 QTextBlock。

因此,出现折行的话也不用担心行号不正确。注意要进行两次判断,一次是calid,依次是visible。