Qt工作笔记-第一个QML（QQuickView显示QML文件）
生活随笔
收集整理的這篇文章主要介紹了
Qt工作笔记-第一个QML（QQuickView显示QML文件）
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
程序運(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)的，不寫也闊以viewer.show();return a.exec(); }main.qml
import QtQuick 2.0Item {width:800; //這個;可以有，也可以沒有，不敲;我心理面不舒服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:"這是一個顯示消息長方體，透明度為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文件）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Qt文档阅读笔记-QVariant::v
- 下一篇： Qt工作笔记-QListWidget鼠标