程序運(yùn)行截圖如下：

程序結(jié)構(gòu)如下：

代碼如下：

main.cpp

#include <QApplication> #include <QDir> #include <QQuickView> #include <QUrl> #include <QQmlEngine>int main(int argc, char *argv[]) {QApplication a(argc, argv);QQuickView viewer;viewer.setSource(QUrl("qrc:/main.qml"));viewer.setResizeMode(QQuickView::SizeRootObjectToView); //默認(rèn)的，不寫(xiě)也闊以viewer.show();return a.exec(); }

main.qml

import QtQuick 2.0Item {width:800; //這個(gè);可以有，也可以沒(méi)有，不敲;我心理面不舒服height:600;QtObject{id:myObject;property int counter;Component.onCompleted: {myObject.counter=100;}}Rectangle{id:topInformation;anchors.top: parent;width:parent.width;height:80;opacity:0.6color:"black";Text{id:myTopText;color:"white";anchors.centerIn: parent;text:"這是一個(gè)顯示消息長(zhǎng)方體，透明度為0.6！";font.pixelSize: 22;}MouseArea{anchors.fill: parent;onPressed:{myTopText.text="現(xiàn)在：鼠標(biāo)左鍵按下了！點(diǎn)擊的是矩形框！";}onReleased: {myTopText.text="現(xiàn)在：鼠標(biāo)左鍵釋放了！點(diǎn)擊的是矩形框！";}}}Rectangle{id:centerInformation;anchors.centerIn: parent;width:parent.width;height:80;opacity:0.7color:"gray";Text{id:myCenterText;color:"white";anchors.centerIn: parent;font.pixelSize: 22;text:myObject.counter;}MouseArea{anchors.fill: parent;onClicked: {countDown.start();}}}Timer{id:countDown;interval:20;repeat:true;triggeredOnStart: true;onTriggered: {myCenterText.text=myObject.counter;myObject.counter-=1;if(myObject.counter<0){countDown.stop();myCenterText.text="已經(jīng)為0了！";}}}}

總結(jié)

以上是生活随笔為你收集整理的Qt工作笔记-第一个QML（QQuickView显示QML文件）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。