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

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

前言

由于本人在工作中遇到了一个需求，那就是鼠标覆盖label上的超链接时，添加下划线，不覆盖时就去掉下划线。所以，就有了本篇文章，来记录一下解决该问题的方法。

QLabel设置超链接

首先，我们还是简单的介绍一下，QLabel怎么设置超链接。要知道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>百度这个代表标记了一个超链接。超链接的内容为href后面跟的内容

回到正题

但是，这种情况只能设置固定显示下划线或者不带下划线。但是我们在Qt的事件种类中可以找到这样一个事件：

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这样会进入一个无限循环，具体原因暂时未知，就只能暂时用定时器来触发了。