Draw rich text with QPainter

luffy picture luffy · Apr 27, 2015 · Viewed 9.2k times · Source

is there a way to draw fixed text that has subscripts. My goal is to have something like: "K_max=K_2 . 3"

QString equation="K_max=K_2 . 3";
painter.drawText( QRect(x, y , width, y+height), Qt::AlignLeft|Qt::AlignVCenter, equation);

I also tried formatting the text using html tags but it didn't help (tags got printed with the text):

QString equation="<p>K<sub>max</sub></p>=<p>K<sub>2</sub></p>.3"

Answer

Mykhaylo Kopytonenko picture Mykhaylo Kopytonenko · Apr 27, 2015

Here is a full example using rich text of QTextDocument.

mainWindow.cpp:

#include "mainWindow.h"

void MainWindow::paintEvent(QPaintEvent*)
{
    QPainter painter(this);
    QTextDocument td;
    td.setHtml("K<sub>max</sub>=K<sub>2</sub> &middot; 3");
    td.drawContents(&painter);
}

If you need to draw the text at specific point, translate the coordinate system of the painter before drawing:

painter.translate(QPointF(50, 50));

mainWindow.cpp - Another solution:

#include "mainWindow.h"

void MainWindow::paintEvent(QPaintEvent*)
{
    QPainter painter(this);
    QTextDocument td;
    td.setHtml("K<sub>max</sub>=K<sub>2</sub> &middot; 3");
    QAbstractTextDocumentLayout::PaintContext ctx;
    ctx.clip = QRectF( 0, 0, 400, 100 );
    td.documentLayout()->draw( &painter, ctx );
}

mainWindow.h:

#include <QtGui>

class MainWindow: public QWidget
{
protected:
    void paintEvent(QPaintEvent*);
};

main.cpp:

#include <QtGui>
#include "mainWindow.h"

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    MainWindow mainWindow;
    mainWindow.show();
    return app.exec();
}

The project file:

TEMPLATE = app
QT += gui
HEADERS = mainWindow.h
SOURCES = main.cpp mainWindow.cpp

Result:

enter image description here