在日常生活中的使用的軟體中，我們經常會遇到這樣的情況。
我們在網頁上，有些網頁連結的文字（比如文章標題，知乎問題標題，百度的詞條等）因為太長了，而顯示不出來，但是滑鼠懸停在上面的時候就可以顯示出來。
我們在QQ上或者某些輸入框內，我們不知道應該輸入什麼內容，但是滑鼠如果懸停在輸入框內的時候，會產生一個友好資訊的hint。
實現方法，就是我們今天的ToolTip設定。

程式碼如下：
ItemWidget.h

#ifndef ITEMWIDGET_H
#define ITEMWIDGET_H

#include <QWidget>
#include <QLabel>
 

#include <QPushButton>
#include <QVBoxLayout>
#include <QHBoxLayout>

//class CLabel;

class ItemWidget : public QWidget
{
    Q_OBJECT
public:
    explicit ItemWidget(QWidget *parent = 0);
    void setText(QPixmap pixmap, QString name, QString info);
    void setText(QString info);
signals:

public
 
 slots:
private:
    QLabel *labelIcon;
    QLabel *labelName;
    QLabel *labelInfo;

    QHBoxLayout *horLayout;
    QVBoxLayout *verlayout;
protected:
    bool event(QEvent *e);
};

#endif // ITEMWIDGET_H

ItemWidget.cpp

#include "itemwidget.h"
#include "global.h"
#include "ctooltip.h"

#include
 
 <QEvent>
#include <QCursor>

ItemWidget::ItemWidget(QWidget *parent) :
    QWidget(parent)
{
    labelIcon = new QLabel(this);
    labelName = new QLabel(this);
    labelName->setStyleSheet("QLabel{color: green; font: 13pt bold;}");
    labelInfo = new QLabel(this);
    labelInfo->setStyleSheet("QLabel{color: gray;}");

    verlayout = new QVBoxLayout();
    verlayout->setContentsMargins(0, 0, 0, 0);
    verlayout->addWidget(labelName);
    verlayout->addWidget(labelInfo);

    horLayout = new QHBoxLayout(this);
    horLayout->setContentsMargins(2, 2, 2, 2);
    horLayout->addWidget(labelIcon, 1, Qt::AlignTop);
    horLayout->addLayout(verlayout, 4);
}

void ItemWidget::setText(QPixmap pixmap, QString name, QString info) {
    labelIcon->setPixmap(pixmap);
    labelName->setText(name);
    labelInfo->setText(info);
}

// 測試用的
void ItemWidget::setText(QString info) {
    labelIcon->setText(info);
}

// 滑鼠懸停的時候，顯示當前使用者簡要資訊
bool ItemWidget::event(QEvent *e) {
    if (e->type() == QEvent::ToolTip) {
        qDebug() << "tool tip show";
        g_toolTip->showMessage(labelIcon->pixmap(),
                               labelName->text(),
                               labelInfo->text(),
                               QCursor::pos());
    } else if (e->type() == QEvent::Leave) {
        qDebug() << "tool tip leave";
        g_toolTip->hide();
    }
    return QWidget::event(e);
}

然後是CToolTip自定義樣式部分：
CToolTip.h

#ifndef CTOOLTIP_H
#define CTOOLTIP_H

#include <QWidget>
#include <QLabel>
#include <QPushButton>
#include <QGroupBox>
#include <QVBoxLayout>
#include <QHBoxLayout>

class CToolTip : public QWidget
{
    Q_OBJECT
public:
    explicit CToolTip(QWidget *parent = 0);
    void showMessage(const QPixmap *pixmap, QString name, QString info, QPoint point);
    void showMessage(const QPixmap *pixmap, QPoint point);
signals:

public slots:

private:
    QLabel *labelIcon;
    QLabel *labelName;
    QLabel *labelInfo;

    QHBoxLayout *horLayout;
    QVBoxLayout *verlayout;

    QGroupBox *groupBox;

protected:
    void hoverEvent(QHoverEvent *);
};

#endif // CTOOLTIP_H

CToolTip.cpp

#include "ctooltip.h"
#include <QDebug>
#include <QApplication>
#include <QDesktopWidget>

CToolTip::CToolTip(QWidget *parent) :
    QWidget(parent)
{
    this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowSystemMenuHint | Qt::WindowMinMaxButtonsHint);
    this->resize(200, 100); ;

    this->setObjectName("CToolTip");
    this->setStyleSheet("QWidget#CToolTip {border: 2px solid green; background-color: skyblue;}");

    groupBox = new QGroupBox(this);
    groupBox->setGeometry(10, 10, 180, 80);
    groupBox->setTitle("使用者資訊");

    labelIcon = new QLabel(groupBox);
    labelName = new QLabel(groupBox);
    labelInfo = new QLabel(groupBox);

    verlayout = new QVBoxLayout();
    verlayout->setContentsMargins(0, 0, 0, 0);
    verlayout->addWidget(labelName);
    verlayout->addWidget(labelInfo);

    horLayout = new QHBoxLayout(groupBox);
    horLayout->setContentsMargins(10, 10, 10, 10);
    horLayout->addWidget(labelIcon, 1, Qt::AlignTop);
    horLayout->addLayout(verlayout, 4);
}

// 顯示ToolTip訊息
void CToolTip::showMessage(const QPixmap *pixmap, QString name, QString info, QPoint point) {
    labelIcon->setPixmap(*pixmap);
    labelName->setText(name);
    labelInfo->setText(info);

    // 重新定義CToolTip的座標
    int rectX;
    int rectY;
    if (point.rx() < 200) {
        rectX = point.rx() + 10;
    } else {
        rectX = point.rx() - 240;
    }
    rectY =  point.ry();
    move(QPoint(rectX, rectY));
    QWidget::show();
}

// 顯示ToolTip訊息
void CToolTip::showMessage(const QPixmap *pixmap, QPoint point) {
    labelIcon->setPixmap(*pixmap);

    labelName->setText("自己想辦法獲取");
    labelInfo->setText("自己動手，豐衣足食");
    // 此處可以作為QToolTip樣式進行顯示
    move(point);
    QWidget::show();
}

// 當滑鼠進入事件時，讓介面隱藏掉
void CToolTip::hoverEvent(QHoverEvent *) {
    hide();
}

當然當然，在大多數的元件上面都有一個成員函式setToolTip(QSTring& ..)
這個就可以實現簡單的友好資訊提示功能了。