首页 > 网站 > WEB开发 > 正文

QML做Android的浏览器Demo

2024-04-27 15:13:57
字体:
来源:转载
供稿:网友

由于目前Qt的webenginewidgets对Android还不支持,这里只能用QML的webview。

①、在PRo中添加:QT += webview

②、引用头文件import QtWebView 1.1(注意,由于只适用于Android,所以Qt没做补全功能)

③、直接用就可以了:    

WebView {

   anchors.fill: parent

   url: "http://www.baidu.com" 

}

这样就可以用了,是不是很简单嘞?

以下是我做的小样,可以参考:

import QtQuick 2.6
import QtQuick.Window 2.2
import QtWebView 1.1
Window {
    visible: true
    property int tmpHei: width > height ? height/8.0 :height/16.0
    Rectangle{
        id:title
        x:0
        y:0
        width: parent.width - tmpHei
        height: tmpHei
        color: "yellow"
        TextInput {
            id:textInput
            anchors.verticalCenter: parent.verticalCenter
            anchors.left: title.left
            font.pixelSize: tmpHei/2
            text: qsTr("http://www.baidu.com")
            color: "red"
        }
    }
    Rectangle {
        id:btn
        y:0
        anchors.left: title.right
        width: tmpHei
        height: tmpHei
        color: "black"
        Text {
            anchors.centerIn: parent
            font.pixelSize: tmpHei/2
            text: qsTr("Go")
            color: "white"
        }
        MouseArea{
            anchors.fill: parent
            onClicked: {
                webView.url = "http://" + textInput.text
            }
        }
    }
    WebView {
        id:webView
        x:0
        anchors.top: title.bottom
        width: parent.width
        height: parent.height - tmpHei
        url: "http://www.baidu.com"
    }
}


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表