从零开始学习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项目。

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值