Use a picture or image in a QToolTip

Question

Is there a way to show a picture/image in a QToolTip?

I want to show small images of keyboard-buttons to explain the user which buttons/shortcuts he can use on that specific widget.

Antonio Dias · Accepted Answer · 2016-04-13T07:36:32.717

17

You can easily show images with the following html code:

QToolTip::showText(QCursor::pos(), "<img src=':/icon.png'>Message", this, QRect(), 5000);

This example will show a tooltip with the image from Qt resources and the text for 5 seconds.

For more details, you can see this video: https://youtu.be/X9JD8gKGZ00

Edit1:

If you want to show an image from memory, you can save the QImage/QPixmap to memory (preferably using some lossless compression like PNG) and convert it to base 64 and load it with the html code, like this:

QImage icon = QImage(10, 10, QImage::Format_ARGB32);
icon.fill(QColor(255, 0, 0, 100));
QByteArray data;
QBuffer buffer(&data);
icon.save(&buffer, "PNG", 100);
QString html = QString("<img src='data:image/png;base64, %0'>Message").arg(QString(data.toBase64()));
QToolTip::showText(QCursor::pos(), html, this, QRect(), 5000);

Edit2: Corrected the html string as @Damon Lynch suggests.

edited Apr 13 '16 at 07:36

answered Dec 15 '15 at 22:36

Antonio Dias

2,751
20
40

Is there a way to show keyboard-key-pictures without using external picture files explicite? – buhtz Dec 16 '15 at 05:45
without adding to resource is it possible? – Nimish Bansal Jan 09 '18 at 09:47
@Nimish Bansal: Yes, my first edit uses a QImage that never resides on disk nor on a resource, it's generated by Qt on runtime. – Antonio Dias Jan 10 '18 at 07:13
no actually I want to ask will it work with img src="http://imagelink.com/someimage.png"??somethinng like that?? – Nimish Bansal Jan 10 '18 at 07:19
I meant to say online link.sorry for bad english – Nimish Bansal Jan 10 '18 at 07:35
@Nimish Bansal: In my quick tests, no, it's not works. However you can download the image with `QNetworkAccessManager` and display on the tool tip with the already described method! – Antonio Dias Jan 10 '18 at 08:01

score 9 · Answer 2 · answered Jan 17 '16 at 09:46

With respect to the HTML string, the Python 3 / PyQt equivalent of user2014561's excellent solution to displaying in memory images is like this, assuming a QPixmap (a QImage will work the same):

buffer = QBuffer()
buffer.open(QIODevice.WriteOnly)
pixmap.save(buffer, "PNG", quality=100)
image = bytes(buffer.data().toBase64()).decode()
html = '<img src="data:image/png;base64,{}">'.format(image)

Use a picture or image in a QToolTip

2 Answers2

Linked