Qt Quick——新建一个QML

1、建一个Qt Quick Application程序，然后修改main.qml文件

　　修改Windows中的内容，修改如下：

import QtQuick 2.6//导入组件：类库、JS文件、QML文件
import QtQuick.Window 2.2

Window {//在VS中 没有Window，有Rectangle。所以不要修改根元素的名字
    visible: true
    /*声明属性：
        <属性名称>:<属性值>
    */
    x:0;y:0
    width: 360
    height: 480
    title: qsTr("Hello World")

    Image{
        source:"file:///F:/Workspace/Qt/QtQuick/image/sunny.png"
       // source:"../image/sunny.png"
    }
    MouseArea{
        anchors.fill: parent
        onClicked: {// 鼠标点击事件
            Qt.quit()
        }
    }
    Text{
        id:text
        y:image.height +20
        property int age: 12
        /*自定义变量
            property type name: value
            property 类型 变量名:变量值
        */
        text:"This is Qt Quick   "+12
    }
}

在Image子元素中
　　在VS+Qt中：使用相对路径，可以加载jpg图片不能加载png图片
　　在Qt Creator中：使用 绝对路径file可以加载png、jpg图片
　　资源文件没有试。