Qml文件的两种加载方式|启动Qt quick app的两种方法

来源：互联网发布：左程云算法视频下载编辑：程序博客网时间：2024/06/06 05:10

一种是QQmlApplicationEngine搭配Window，例如：

#include <QGuiApplication>#include <QQmlApplicationEngine>int main(int argc, char *argv[]){    QGuiApplication app(argc, argv);    QQmlApplicationEngine engine;    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));    return app.exec();}

相应的qml文件是这样的：

import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4//实现对鼠标事件的处理和对文本的移动处理（键盘事件）Window {    id:main;    visible: true;    MouseArea {        acceptedButtons: Qt.LeftButton|Qt.RightButton;//确定接收哪些事件        anchors.fill: parent;        onClicked: {            if(mouse.button==Qt.LeftButton)//鼠标事件            {                text.text="Leftbutton clicked";            }            else if(mouse.button==Qt.RightButton)            {                text.text="Rightbutton clicked";            }        }    }    Text {                id:text;        focus: true;        x:50;        y:50;        anchors.bottom: t.bottom;        Keys.enabled: true;//设置键盘可用        Keys.onPressed:        {            switch(event.key){//对键盘事件进行处理            case Qt.Key_Left:                x-=10;                event.accepted=true;//对接受到事件处理，避免再次向上传递                break;            case Qt.Key_Right:                x+=10;                event.accepted=true;                break;            case Qt.Key_Up:                y-=10;//因为原点在窗口的左上角                event.accepted=true;                break;            case Qt.Key_Down:                y+=10;                event.accepted=true;                break;            default:return            }        }        color: "blue";        text: "hello world";        font.bold: true;        font.pointSize: 16;        styleColor: "#f51515";        verticalAlignment: Text.AlignVCenter;        horizontalAlignment: Text.AlignHCenter;        ColorAnimation on color {            to: "black";            duration: 2000;        }    }

还有一种是QQuickViuew搭配Item。

当然这里所说的item就无需多说了，item是其他盒子模型的老祖……

因此在qml文件中，有window这个item的地方，你都要替换成Rectangle

例如：

#include <QGuiApplication>#include <QQmlApplicationEngine>#include <QQuickView>int main(int argc, char *argv[]){    QGuiApplication app(argc, argv);       QQuickView view;    view.setResizeMode(QQuickView::SizeRootObjectToView);    view.setSource(QUrl("qrc:/main.qml"));    view.show();    return app.exec();}

相应的qml文件是这个样子的：

import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4//实现对鼠标事件的处理和对文本的移动处理（键盘事件）Rectangle {    id:main;    visible: true;    MouseArea {        acceptedButtons: Qt.LeftButton|Qt.RightButton;//确定接收哪些事件        anchors.fill: parent;        onClicked: {            if(mouse.button==Qt.LeftButton)//鼠标事件            {                text.text="Leftbutton clicked";            }            else if(mouse.button==Qt.RightButton)            {                text.text="Rightbutton clicked";            }        }    }    Text {        id:text;        focus: true;        x:50;        y:50;        anchors.bottom: t.bottom;        Keys.enabled: true;//设置键盘可用        Keys.onPressed:        {            switch(event.key){//对键盘事件进行处理            case Qt.Key_Left:                x-=10;                event.accepted=true;//对接受到事件处理，避免再次向上传递                break;            case Qt.Key_Right:                x+=10;                event.accepted=true;                break;            case Qt.Key_Up:                y-=10;//因为原点在窗口的左上角                event.accepted=true;                break;            case Qt.Key_Down:                y+=10;                event.accepted=true;                break;            default:return            }        }        color: "blue";        text: "hello world";        font.bold: true;        font.pointSize: 16;        styleColor: "#f51515";        verticalAlignment: Text.AlignVCenter;        horizontalAlignment: Text.AlignHCenter;        ColorAnimation on color {            to: "black";            duration: 2000;        }    }}

对比后发现，就是Window换成了Rectangle，如果你不更换，就会变成空白。

0 0