从零开始学习qml(一)
美好的事情即将发生
文章目录
前言
由于项目比较老的原因,之前一直接触Qt老版本编程,每次看到新东西就觉得难理解。下定决心学习使用qml(纯粹是因为觉得帅)
本教程将会和你从0开始学习qml(多少会点Qt编程),因为作者是真的从0开始弄qml。所以一点没搞过的我们可以一起讨论学习。
版权所有,转载请注明出处。本文链接:https://blog.csdn.net/weixin_37997214/article/details/109752388
目录
一、今天学什么
废话不多说,第一章就是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项目。