前言

quick qml是一個非常快速的ui開發方式，他的相對錨定布局非常移動端開發所以就學了下 

關閉qml調試器

　　打開這個會在程序內開啟一個tcp調試器了，這樣對線上程序不安全所以關閉，所以等我們調試完了后生成release注意關閉這個奧

pro 

　　QT += qml quick core widgets 方便用widget組件，其實controls也用了widgets奧,所以才多了那么多組件

qml預覽工具

import QtQuick 2.0
Rectangle{
width:100
height:30
Text{
text:"關閉"
anchors.centerIn: parent
}
MouseArea{
anchors.fill: parent// 鋪滿
onClicked: {
Qt.quit()
}
}

}

；主窗口qml

import QtQuick 2.6
import QtQuick.Window 2.2

//qml主窗口window 有且只有一個Window
Window {
width: 600
height: 600
visible: true
Text{
//anchors.centerIn:parent
anchors.centerIn: parent 
anchors.bottomMargin: 100
text:"hello"

}

CloseBtn{

}
}

；qml創建和加載

　　engine.load(QUrl(QStringLiteral("qrc:/main.qml")));  //傳入一個資源url 即可注意不要傳 資源path了。

;寫一個類似qlbale的組件

rectangle 矩形 ，text 為text組件，然后mousearea 繼承矩形的寬高并可以設置點擊事件