首先看最终效果:
主要要实现的地方是行号的显示，还有选中行的高亮。
项目结构
整个程序只有三个文件，最主要的只有一个CodeEditor类，它是继承自QPlainTextEdit，这个类相比于普通的TextEdit更适合于做富 文本编辑器。
头文件
//codeeditor.h #ifndef CODEEDITOR_H #define CODEEDITOR_H #include <QPlainTextEdit> #include <QObject> 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 <QtWidgets> #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<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); } //![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。
