从零开始学习qml（一）

从零开始学习qml（一）

美好的事情即将发生

文章目录

 

---

前言

由于项目比较老的原因，之前一直接触Qt老版本编程，每次看到新东西就觉得难理解。下定决心学习使用qml（纯粹是因为觉得帅）

本教程将会和你从0开始学习qml（多少会点Qt编程），因为作者是真的从0开始弄qml。所以一点没搞过的我们可以一起讨论学习。

版权所有，转载请注明出处。本文链接：https://blog.csdn.net/weixin_37997214/article/details/109752388

目录

从零开始学习qml（一）

文章目录

前言

一、今天学什么

二、上图

1.实现效果

2.详细步骤

总结

一、今天学什么

废话不多说，第一章就是hello word。如何建立第一个QML程序。

二、上图

1.实现效果

---

2.详细步骤

2.1环境搭建

去这https://download.qt.io/archive/qt/下载Qt，越高越好，等qt6出了我就下。

目前使用的是Qt5.12。根据系统选择要下载的那个。

2.2打开Qt Creator

2.3建立第一个QML程序

（1）点击左上角新建文件或项目

（2）选择Application下的Qt Quick application -Empty。（就是新建一个空项目）然后点击Choose

（3）找个地方给项目起个名，建议起自己喜欢的名字。后面我们就一直用这个工程。下一步

（4）由于我们是新手，其他设置咱也不懂，就直接下一步。下一步。下一步到最后。可能会出现这么个问题。

Running Windows Runtime device detection.
E:/Qt/5.12.2/winrt_armv7_msvc2015/bin/winrtrunner.exe --list-devices
Found 1 Windows Runtime devices.
Project ERROR: Cannot run compiler 'cl'. Output:
===================
===================
Maybe you forgot to setup the environment?
Error while parsing file E:\workSpace\HappyLife\HappyLife.pro. Giving up.

这是我们之前没设置好一个东西（就是编译器），不用慌，设置一下就OK了。当然如果没问题更好，就直接跳到第6步。

（5）配置环境

点一下这个扳手，然后选中能选的，点击Configure Project

（6）完成了！你的第一个QML程序已经编完了！点击运行查看你的第一个QML程序吧！

可以看到，弹出来的这个叫Hello World的窗口，它就是你的第一个QML程序。

让我们来认识一下这仅有的几行代码。

找到图中的main.qml文件。里面的内容含义如下：

import QtQuick 2.9
import QtQuick.Window 2.2//上面这两个大概就是版本号啥的，咱也不懂，就不说了。

//整个软件创建了一个窗口
Window {
    visible: true                                     //窗口是否可见
    width: 640                                        //窗口的宽
    height: 480                                       //窗口的高
    title: qsTr("Hello World")                        //窗口的标题“Hello World”
}

（7）享受统治世界的快感吧！根据自己的喜好来设置这个窗口。

import QtQuick 2.9
import QtQuick.Window 2.2//上面这两个大概就是版本号啥的，咱也不懂，就不说了。

//整个软件创建了一个窗口
Window {
    visible: true                                     //窗口是否可见
    width: 1000                                        //窗口的宽
    height: 618                                       //窗口的高
    title: qsTr("Happy Life")                        //窗口的标题“Hello World”
}

先把原来Helloword关了，改完之后再点运行，这个是问你要不要保存的，全保存就完事儿。

别说。0.618是挺好看的2333。

---

总结

本章带你建立了一个QML项目。