Qt学习之旅---文字超链接和图片超链接的添加

在正式的qt程序中   超链接是一个非常重要的部分        可提供广告、引导等等的便利行为  

这里介绍两种超链接的方式    

1、文字的超链接     我这里使用的是QLabel控件作文字的超链接点 

代码如下

    label = new QLabel(this);
    label = new QLabel( "www.runcore.com", this );
  

前面的href=是链接的网址   后面则是显示   在构造函数里  加入

    connect(label,SIGNAL(linkActivated(QString)),this,SLOT(openUrl(QString)));
用来响应 链接

响应函数如下

void Dialog::openUrl(QString url)
{
    QDesktopServices::openUrl(QUrl(url));


}

至此成功  

效果如图    当鼠标左键点击后 即会自动链接到对应的网址

2、图片链接    也是用QLabel   这里把图片当做了QLabel的背景  当鼠标点击图片时超链接网站

 实现方式和文字链接及其相似  

构建代码如下

    label = new QLabel(this);
    label->setText(tr(""));
    // width 和 height 决定了图片的大小
    label->setOpenExternalLinks( true );
    label->setObjectName(QString::fromUtf8("label"));
    label->setGeometry(QRect(13, 30, 492, 151));
    label->setStyleSheet(QString::fromUtf8("border-image: url(:/new/prefix1/image/touming.png);"));
    label->setAlignment(Qt::AlignCenter);
同样的  也需加入函数与槽 及响应函数


    connect(label,SIGNAL(linkActivated(QString)),this,SLOT(openUrl(QString)));

void Dialog::openUrl(QString url)
{
    QDesktopServices::openUrl(QUrl(url));


}

这样  即成功了


你可能感兴趣的:(Qt,学习之旅)