创建 Qt Quick 项目

已于 2023-07-05 18:38:18 修改
阅读量1.4w 收藏 8
点赞数 11
分类专栏： 细说 QML 文章标签： Qt QML Qt Quick QML 教程 QML 资料
于 2017-01-09 19:26:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liang19890820/article/details/54287977
版权

作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

正所谓“工欲善其事，必先利其器”，要开发 QML 程序，首先要选择一款合适的 IDE，最常见的有：VS、VS Code、Qt Creator 等，虽然它们都可以编写 QML，但还是建议优先选择 Qt Creator。

作为 Qt 的默认集成开发环境，Qt Creator 几乎适用于所有桌面平台（Windows/Linux/Mac）。如果之前使用过它，你会发现其界面非常简洁高效，能帮助开发者真正的提高生产力。比如左侧的模式选择器，每一种都提供了典型的功能：

  • 欢迎模式：很好的入学指导
  • 编辑模式：专注于代码
  • 设计模式：专注于 UI 设计
  • 帮助模式：轻松访问 Qt 文档

此外，它还提供了大量的应用程序模板以及各种快捷键等，以帮助我们更好地管理项目。

现在，来看看如何使用 Qt Creator 创建 Qt Quick 项目！

创建 Qt Quick 项目

  1. 打开 Qt Creator，选择【File】->【New Project】开始创建项目：

在这里插入图片描述

<
了解本专栏 订阅专栏 解锁全文 超级会员免费看
一去丶二三里
关注
  • 11
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 17
    评论
专栏目录
订阅专栏
QtMvvm：面向Qt的面向mvvm的库，用于并行创建Widget和Quick项目
02-05
QtMvvm 用于Qt的面向mvvm的库，用于并行创建Widget和Quick Controls 2项目。 有关更多图像，请检查“ 产品特点 QtMvvm的主要功能是ui和逻辑之间的分隔。 使用此库，您可以创建一个包含您的应用程序逻辑以及ui控制器（称为“ ViewModels”）的核心库，并在其之上创建多个ui项目。 这样，您可以例如同时提供小部件和基于qt quick的应用程序，或者为不同的设备创建不同的ui，而无需编写任何代码两次。 主要功能是： 在核心应用程序中创建ViewModels以准备要呈现的数据而无需绑定到任何具体的GUI 支持单例ViewModel 支持容器Vie
qt5.12.0静态资源包/Visual Studio 2022 静态编译qt项目/静态与动态编译
08-25
qt5.12.0静态资源包,不支持directx 12版本.因为大部分window7版本以下会无法打开qt应用. 使用方法为: 1.打开最新版visualStudio。创建新工程不打开项目，选择安装qt-plugins.搜索 qt . 然后执行安装，根据提示重启VS 2.上述安装完毕后，点击创建新的qt- quick project ，名字任意,选择我们解压的qt版本. 3. 环境选择x86 ,release版本 4. 右键工程,在代码生成中选择 MT 5.完毕，运行成功。 qt quick应用静态编译和动态编译的区别。就是静态编译出来会将相关用到的qt核心依赖库随编译一起打包出来一个exe文件，无需引入qt core等dll。动态编译要手东windeoloy ,体积几百M，静态编译只需要10M不到
Qt教程 — 1.3 如何创建Qt项目
最新发布
qq_41921826的博客
03-11 1344
Qt Creator 和其他 IDE 开发软件一样。都是分组管理项目内的各种源文件，下面是项目内的文件简介。是项目管理文件，这个项目管理文件十分重要，当您加入了文件或者删除了文件， Qt Creator 会自动修改这个*.pro 文件。有时候需要打开这个*.pro 文件添加我们的设置项。存放的是项目内所有的头文件*.h。存放的是项目内的所有 C++源码文件*.cpp。存放项目内所有界面文件*.ui。*.ui 文件由 XML 语言描述组成，编译时会生成相应的 cpp 文件，这样交叉编译器就可以编译它了。
Qt5开发及实例-CH2201.rar,创建Qt Quick Controls 2程序
09-15
Qt5开发及实例,实例CH2201,本章依然从一个简单的程序入手，系统地介绍Qt Quick Controls 2开发的基础知识。创建Qt Quick Controls 2程序，步骤如下。 （1）启动Qt Creator，单击主菜单“文件”→“新建文件或项目…”项，弹出“New File or Project”对话框，选择项目“Application”下的“Qt Quick Controls 2 Application”模板，如图22.1所示。 （2）单击“Choose…”按钮，在“Qt Quick Controls 2 Application”对话框的“Project Location”页输入项目名称“Qcontrol2Demo”，并选择保存项目的路径，如图22.2所示。
SevenSegmentDisplay:Qt Quick小部件实现了七段显示
05-07
七段显示器 SevenSegmentDisplay是一个Qt Quick小部件，它模仿了经典的七段显示器。 与Qt的QLCDNumber相比，它使用Qt Quicks场景图进行有效渲染。 下图显示了随附的演示程序。 如您所见，该窗口小部件是高度可配置的。 制作演示 一般的 将项目下载并解压缩到任意位置。 打开一个控制台，然后进入解压缩项目的根文件夹。 创建一个构建目录并进入。 通过调用CMake创建构建系统。 生成并执行二进制文件。 Linux 假设您位于项目的根文件夹中，则以下行应生成并执行演示。 $ mkdir build && cd build && cmake .. && make && ./SevenSegmentDisplayDemo 视窗 去做 要求 CMake> = 2.8.12 Qt> = 5.4 故障排除 如果您在呈现GUI时遇到问题（例如，因为您的图形卡
Qt5开发及实例-CH2101.rar,创建Qt Quick Controls程序的代码
09-15
Qt5开发及实例,实例CH2101,本章还是从一个简单的程序入手，系统地介绍Qt Quick Controls开发的基础知识。创建Qt Quick Controls程序，步骤如下。 （1）启动Qt Creator，单击主菜单“文件”→“新建文件或项目…”项，弹出“新建项目”对话框，选择项目“Application”下的“Qt Quick Controls Application”模板，如图21.1所示。 (2）单击“Choose…”按钮，在“Qt Quick Controls Application”对话框的“Project Location”页输入项目名称“QControlDemo”，并选择保存项目的路径。 （3）单击“下一步”按钮，在“Define Project Details”页选择“Qt 5.7”，如图21.2所示。
第53篇 Qt Quick项目详解
林中静月下仙的博客
12-13 1889
在Qt中提供了两个运行QML文件的工具qmlviewer和qmlscene，前者是Qt 4时代的产物，主要用来显示导入了QtQuick 1.1模块的QML文件，而qmlscene用来显示导入了QtQuick 2.0以后版本的QML文件。本节内容让大家可以从根本上掌握Qt Quick程序的构建，并且也提供了一种学习的方法，一种分析大型复杂程序的方法，就是所谓的剖析法，希望大家用心过一遍，为以后的学习打好基础。文件的内容，从最简单的程序开始，逐渐丰富代码，现在大家应该已经对QML程序有了一定的认识。
Qt 6.x中Qt Quick简介及示例
网络资源是无限的
01-26 2733
Qt 6.x中Qt Quick简介及示例
C++QT教程3——手册4.11.1自带教程（笔记）——创建一个QT快速应用
Dontla的博客
08-13 659
Qt Creator生成两个UI文件，Page1Form.ui.qml和Page2Form.ui.qml，以及一个QML文件，main.qml。可以在表单编辑器中修改Page1Form.ui.qml以创建应用程序的主视图，并在文本编辑器中修改main.qml以添加应用程序逻辑。将 Qt 标志的位置绑定到矩形，以确保在不同大小的屏幕上缩放视图时，标志显示在矩形内部。要检查的代码，可以在文本编辑器中查看Page1Form.ui.qml文件，并将其与Page1Form.ui.qml示例文件进行比较。
QT Quick项目架构说明
smartvxworks的博客
02-10 762
QT QUICK开发精讲
Toou-2D：基于Qt Quick（Qml）跨平台技术打造的2D框架
01-31
由团队制作的Qt（快速）2D轻量级框架在下文中称为“ T2D”，使用其自己的接口规范编写，可免费用于商业软件和开源项目。 简洁的代码结构易于扩展和修改，完美考虑了应用程序的性能和动态性，解决了组件少，体积大，...
KDStateMachineEditor：使用图形用户界面创建Qt状态机元代码的框架
02-05
此类应用程序的输出采用元代码或QML，然后可以在较大的Qt或QtQuick项目中使用。 有关KDAB状态机编辑器库的完整描述，请阅读GitHub上的Wiki， 。屏幕截图KDStateMachineEditor的主要功能是可视化和编辑状态图。 注意...
QT多线程—主界面卡死解决方案
05-31
由于耗时的操作会独占系统cpu资源 ，让界面卡死在那里，这时需要考虑多线程方案，将耗时的操作放在主线程之外的线程中执行。该demo通过多线程为主界面卡死提供一种解决方案。
qqc2-desktop-style-maui:毛伊岛项目的Qt Quick Controls 2。 [已弃用]
04-30
Nomad Qt Quick Controls 2样式 Qt快速控件的Nomad应用程序主题2。问题如果您发现此存储库的内容有问题，请创建一个问题。 分级为4 +:copyright:2018 Nitrux Latinoamericana SC
Qt5开发及实例-CH1901.rar,Qt5创建QML应用程序的代码
09-15
（1）启动Qt Creator，单击主菜单“文件”→“新建文件或项目…”项，弹出“New File or Project”对话框，如图19.1所示，选择项目“Application”下的“Qt Quick Application”模板。 （2）单击“Choose…”按钮，...
qt creator
12-19
qt creatorQt Creator 是全新的跨平台 Qt IDE，可单独...Qt Creator 提供了两个集成的可视化编辑器：用于通过 Qt widget 生成用户界面的 Qt Designer，以及用于通过 QML 语言开发动态用户界面的 Qt Quick Designer*。
Agora-with-QT
05-30
platform=All Platforms)开发人员环境要求Win7 或更高版本/Mac Qt 创造者运行示例程序在注册您的帐户并创建您自己的测试项目，以将AppID.Fill中的AppID agorartcengine.cpp到源代码agorartcengine.cpp c
QuickQanava:C ++ 14网络图可视化库Qt节点编辑器
04-20
QuickQanava致力于在具有DnD支持，可调整大小的内容和可视化拓扑创建的动态用户界面中显示关系内容。 将来的版本中可能会集成更高级的布局算法。 QuickQanava主存储库托管在GitHub上： ://cneben.github.io/...
awesome-qt:很棒的Qt
05-19
快速布局-布局是用于在用户界面中安排基于Qt Quick 2的项目的项目。 SQL-使用SQL进行数据库集成的类。 测试-用于对Qt应用程序和库进行单元测试的类。 WebKit-用于基于WebKit2的实现和新的QML API的类。 另请参阅...
创建qt quick项目遇到问题：No suitable kits found
06-10
这个问题通常是由于没有安装或配置Qt版本或编译器导致的。 首先，确保已经安装了Qt并且已经配置了Qt Creator。可以在Qt Creator中的菜单栏中选择"工具"->"选项"->"套件"，确认你已经添加了相应的Qt版本和编译器。 如果还是出现"No suitable kits found"的错误提示，可以尝试以下方法： 1. 确保Qt版本和编译器的位数匹配，例如32位的Qt需要配合32位的编译器。 2. 确保Qt Creator的工具链设置正确，可以在"工具"->"选项"->"构建和运行"->"工具链"中进行设置。 3. 如果是在Windows上创建Qt项目，可以尝试重新运行Qt Creator并以管理员身份运行。 希望以上方法能够帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一去丶二三里

有收获，再打赏！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值