QML简介

import QtQuick 2.5
Rectangle{
    id:root
    width: 720; height: 480
//    自定义属性①
    property int times: 1
    Image{
        id:img
//      属性绑定②
        width: parent.width/2; height: parent.height/2
        anchors.centerIn: parent
//        ③直接在项目根目录新建文件夹就OK了
        source: "Images/Vinyl_wall.png"
    }
    Text{
        id:txt
//        text: "Hello"
//        text可以接受int型④
        text:parent.times
//        ⑤按组分配的属性
        font{
            family: "UBuntu"
            pixelSize: 24
        }
//        属性前面没有img说明使用自身属性⑥
        x:img.x+img.width/2-width/2
        y:img.y-height
    }
//    signalHandle⑦
    onHeightChanged: {
        console.log('height',height)
    }
    //键盘事件处理⑧
    focus: true
    Keys.onSpacePressed: { increseTime(); }
    Keys.onEscapePressed: { times=0 }
    function increseTime(){
        times=times+1
        console.log(times)
    }
}