QML学习笔记【01】:QtQuick及其应用程序创建-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

QML学习笔记【01】:QtQuick及其应用程序创建-创新互联

一、Qt Quick

Qt Quick是Qt5界面开发技术的统称,是一个基于QML的框架,包含以下几种技术的集合:

在武陟等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都做网站、成都网站建设、成都外贸网站建设 网站设计制作定制网站开发,公司网站建设,企业网站建设,品牌网站建设,成都全网营销,外贸网站建设,武陟网站建设费用合理。
  • QML - 界面标记语言,是一种描述对象如何相互关联的声明式语言。与HTML类似
  • JavaScript - 动态脚本语言
  • Qt C++ - 跨平台C++封装库

  • Declarative engine:声明引擎,包括Quick框架、JS框架、C++ Extension框架
  • Native Extensions:本地扩展
  • QML visual elements:QML的一些元素

在一个典型的Qt5项目中,前端采用QML/JaveScript开发界面,后端采用Qt C++与系统交互并完成复杂的运算逻辑

QML和Qt Quick的关系就像C++和C++标准库的关系

二、创建应用程序

1、控制台应用程序

一个控制台应用程序不需要提供任何人机交互图形界面

2、Qt Widget窗口应用程序

3、Qt Quick应用程序

移动设备的用户界面设计非常不同。它们相对于桌面应用程序更加简洁,只需要专注的做一件事情。动画效果是一个非常重要的部分,用户界面需要生动活泼。传统的Qt技术已经不适于这些市场了。Qt Quick将会解决这个问题。

Qt Quick 提供了一个类似HTML声明语言的环境应用程序作为你的用户界面前端(the front-end),在你的后端使用本地的c++代码。这样允许你在两端都游刃有余。比如:

import QtQuick 2.0
Rectangle {
    width: 240; height: 1230
    Rectangle {
        width: 40; height: 40
        anchors.centerIn: parent
        color: '#FFBB33'
    }
}

有两种方式可以创建QML工程

方式一:创建 Qt Quick UI Prototype工程,创建后只有 .qmlproject工程文件和 *qml文件,它需要在运行时启动,Qt提供了一个典型的运行环境叫做qmlscene。

这种方式对于测试或原型化用户界面非常有用,或者仅用于QML编辑的单独项目,不能将他们用于应用程序开发,因为它们不包含:

  • C++代码
  • 资源文件(.qrc)
  • 将应用程序部署到设备所需的代码

方式二:创建 Qt Quick Application 工程,创建后跟窗口应用程序类似,是把QML文档作为资源加载到工程中。正式项目开发常使用的方式

三、学习参考资源

《QtQuick核心编程》书籍

Qt5 Cadaques — Qt5 Cadaques Book vmaster (qmlbook.github.io) QmlBook官方文档

张小飞/QmlBook-In-Chinese (gitee.com) QmlBook-In-Chinese 中文文档

QML6(Qt Quick)开发教程-更新中_哔哩哔哩_bilibili 偏重于QML语法、QML界面效果的教学,参考的QmlBook

QML教程_哔哩哔哩_bilibili 偏重于实战,C++、QML语法及与后台交互等,参考的QT助手

Qt5(C++)高级篇之5:QML入门与提高项目实战【共63课时】_C/C++课程-51CTO学堂 项目实战,收费

Qt Quick 基础笔记_比卡丘不皮的博客-博客 QmlBook-In-Chinese 学习笔记

涛哥的博客 (jaredtao.github.io) 非常强!写了个QML开源项目:TaoQuick

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧


本文题目:QML学习笔记【01】:QtQuick及其应用程序创建-创新互联
路径分享:http://kswsj.cn/article/dhdoed.html

其他资讯