QT学习：第1课，创建QmlProject工程- QT Quick UI Prototype

                            QT学习：第1课，创建QmlProject工程- QT Quick UI Prototype

 

本课程的目的：学习QML的基本概念

前言： 本人之前从事过长时间的MFC，C#, WPF 的开发。之所以转战到QML，也是看到了WPF的缺点，比如运行速度慢，无法运行在嵌入式平台等。 考虑到QML的设计基本思路和WPF一致，考虑到未来国产系统的崛起，果断学习QT的跨平台开发。

 

步骤1： 选择合适的QT工程创建种类，本课直接选择QT Quick UI Prototype项目，是纯粹QML 的工程项目，可以用qmlscene 运行查看qml的设计结果。 本次学习创建一个  Lesson1的工程

            纯粹的QML项目可以把程序设计进行比较明确的划分，更加便于团队化软件开发

我们看到QT自动生成了一个Lesson1.qmlproject和Lesson1.qml的工程文件

从后台脚本，我们发现，程序的入口就是Lesson1.qml文件

 

步骤2：创建一个自定义的按钮MyButton.qml

import QtQuick 2.0

Rectangle {
    id:myButton
    width:180
    height:50
    color: "green"

    Text {
        id: name
        text: qsTr("MyButton")
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            if(name.text=="MyButton")
              name.text="我的鼠标点击了！"
            else
              name.text="MyButton"
        }
    }
}

MyButton.qml 是一个自定义的控件，看到这里，就能体会大QT在软件划分的优秀之处了。采用微软的MFC也好，C# WPF也好，事件的定义是不如QT这么好的。我们看，我们自定义的MyButton, 可以用Rectangle 定义按钮区域，内部的text 定义按钮文字，MouseArea来进行事件定义，层次和对象划分非常明显。

 

步骤3：在Lesson1.qml的窗口上