第一個QML程序

版本:Qt5.9.1javascript

QML是包含於Qt Quick的描述性語言。Qt Quick可使用QMLjava

指定項目名字,隨便起windows

指定編譯工具工具

qt5.4及以上,會提示是否創建對面的界面文件,能夠選擇,也能夠不選擇。ui

不使用版本控制系統3d

建立完成以後版本控制

清空main.qml,將其改爲下面:code

import QtQuick 2.6
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Rectangle{
        width: parent.width/2
        height: parent.height/2
        color: "red"
        Text {
            id: title
            text: qsTr("hello world")
        }
    }
//    MainForm {
//        anchors.fill: parent
//        mouseArea.onClicked: {
//           Qt.quit();
//            // console.log(qsTr('Clicked on background. Text: "' + textEdit.text + '"'))
//        }
//    }
}

改進:orm

import QtQuick 2.6    //相似#include
import QtQuick.Window 2.2

Window {  //註冊到Qt quick的對象
    visible: true
    width: 640
    height: 480   //建立640*480的windows對象
    title: qsTr("Hello World")

    Rectangle{
        width: parent.width/2
        height: parent.height/2  //widget&height是Rectangle的對象
        radius: 10   //圓角矩形
        color: "red"
        border.color: "black" //邊界顏色
        border.width: 5       //邊界寬度
        Text {  //Text能夠經過Rectangle對象的子對象輸出文本
            id: title
            color: "#00FF00"  //綠色
            text: qsTr("hello world")
            anchors.centerIn: parent  //將文本放在Rectangle的中間
        }

        MouseArea{   //處理鼠標事件
            anchors.fill: parent  //Rectangle
            onClicked: {   //鼠標點擊
                Qt.quit(); //終止程序
            }
        }
    }
}

 

相關文章
相關標籤/搜索