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的窗口上

 

 

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页