使用QML制作超链接并打开超链接

使用QML中的Text来实现超链接并打开

代码如下：

import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    visible: true

    MouseArea {
        anchors.fill: parent
        onClicked: {
            Qt.quit();
        }
    }



    MouseArea{
        anchors.centerIn: parent
        width: hp.width
        height: hp.height
        hoverEnabled: true
        cursorShape: containsMouse ? (pressed ? Qt.ClosedHandCursor : Qt.OpenHandCursor) : Qt.ArrowCursor

        Text {
            id: hp
            text: "<a href='http://www.baidu.com'><h1>点击进入首页</h1></a>"
            anchors.centerIn: parent
            onLinkActivated: Qt.openUrlExternally(link)
        }
    }

}

只要为text属性复制上HTML中的<a>元素就可变成超链接，使用Qt.openUrlExternally来打开它。

利用MouseArea来实现鼠标放上超链接时候的样式。

看看效果图：

点击之后就会使用默认浏览器打开http://www.baidu.com

是不是很简单？ over.