Qt QLabel设置超链接hover时出现下划线

Qt设置QLabel超链接hover出现下划线

前言

由于本人在工作中遇到了一个需求：

鼠标覆盖QLabel上的超链接时，添加下划线，不覆盖时就去掉下划线。

所以，本篇文章，记录一下解决该问题的方法。

QLabel设置超链接

首先，我们还是简单的介绍一下，QLabel怎么设置超链接。在QT中，QLabel是支持HTML的，所以我们采用HTML的标签来设置超链接和下划线。

// 设置换行    
ui->label->setWordWrap(true);
ui->label->setOpenExternalLinks(true);
ui->label->setText(u8"这是一个测试的链接\
<style> a {text-decoration: none} </style>\
<a href = www.baidu.com>百度</a>，\
用来测试Hover");

1. setOpenExternalLinks 设置触发了超链接时，自动打开链接。我们可以通过调用setTextInteractionFlags 来设置对应的触发方式
2. HTML标签里，使用text-decoration: underline; 来设置文字的下划线，<a href = > www.baidu.com>百度</a>这个代表标记了一个超链接。超链接的内容为href后面跟的内容。

回到正题

但是，上面的方案只能设置固定显示下划线或者不带下划线。那问题就没办法解决了吗？

其实不然，在高手的指导下，我发现当鼠标覆盖到超链接上面时，系统的光标会出现一个变化，那是不是代表这也会有一个事件产生呢？带着这个疑问，我在事件的帮助文档里找到了这个：

QEvent::CursorChange

所以，我就来了灵感：

将QLabel的这个事件拦截起来，然后针对不同的鼠标指针样式，来设置下划线的显示与隐藏。

话不多说，直接上代码。

bool MainWindow::eventFilter(QObject* watched, QEvent* event)
{
    if (watched == ui->label && event->type() == QEvent::CursorChange) {
        auto&& cursor = ui->label->cursor();
        if (cursor.shape() == Qt::PointingHandCursor) {
            ui->label->setText(u8"这是一个测试的链接\
            <style> a {text-decoration: underline;} </style>\
            <a href = www.baidu.com>百度</a>\
            ，用来测试Hover");
        } else {
            QTimer::singleShot(10, [this] () {
                ui->label->setText(u8"这是一个测试的链接\
                <style> a {text-decoration: none;} </style>\
                <a href = www.baidu.com>百度</a>\
                ，用来测试Hover");
            });
        }

    }

    return QWidget::eventFilter(watched, event);
}

效果图如下：

Note:

这里在设置是否显示下划线时，不能直接通过setText来设置，这样会进入一个无限循环。具体原因暂时未知，就只能暂时用定时器来触发。