C++图形用户界面开发框架Qt 6.x入门级教程 - QML 应用程序 C++Qt图形界面
程序员文章站
2022-03-03 15:05:24
...
QML 是一种声明性语言,它允许根据用户界面的可视化组件以及它们如何交互和相互关联来描述用户界面。 它是一种高度可读的语言,旨在使组件能够以动态方式互连,并且允许在用户界面中轻松重用和自定义组件。 使用 QtQuick 模块,设计人员和开发人员可以轻松地在 QML 中构建流畅的动画用户界面,并且可以选择将这些用户界面连接到任何后端 C++ 库。
什么是 QML?
QML是一种用户界面规范和编程语言,它允许开发人员和设计人员创建高性能、流畅的动画和视觉上吸引人的应用程序。 QML 提供了一种高度可读的、声明性的、类似 JSON 的语法,支持与动态属性绑定相结合的命令式 JavaScript 表达式。
import QtQuick import QtQuick.Controls ApplicationWindow { width: 400 height: 400 visible: true Button { id: button text: "A Special Button" background: Rectangle { implicitWidth: 100 implicitHeight: 40 color: button.down ? "#d6d6d6" : "#f6f6f6" border.color: "#26282a" border.width: 1 radius: 4 } } }
QML 语言和引擎基础结构由 Qt QML 模块提供。
什么是Qt Quick?
Qt Quick是QML的QML类型和功能的标准库,它包括可视化类型、交互类型、动画、模型和视图、粒子效果和着色器效果,QML 应用程序开发人员可以使用单个导入语句访问所有这些功能。
QtQuick QML 库由 Qt Quick 模块提供。
按钮、菜单和其他控件
对于一组 UI 控件,Qt Quick Controls 模块实现了按钮、菜单和视图等多个控件。 这些控件带有几个可以使用的内置样式,并且还支持创建自定义样式。
Qt Quick项目
Qt Creator为以下类型的 Qt Quick 应用程序设置项目环境:
- Scroll - 基于滚动的导航
- Stack - 基于堆栈的导航
- Swipe - 带有滑动导航的基于页面的应用程序
- Python - 适用于Python项目的Qt可以具有QML UI并具有Qt Creator支持
Qt商用组件推荐
- QtitanRibbon - Ribbon UI组件:是一款遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件,QtitanRibbon致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。
- QtitanChart - Qt类图表组件:是一个C ++库,代表一组控件,这些控件使您可以快速地为应用程序提供漂亮而丰富的图表。
- QtitanDataGrid - Qt网格组件:提供了一套完整的标准 QTableView 函数和传统组件无法实现的独特功能。使您能够将不同来源的各类数据加载到一个快速、灵活且功能强大的可编辑网格中,支持排序、分组、报告、创建带状列、拖放按钮和许多其他方便的功能。
- QtitanNavigation:QtitanNavigationDesignUI 组件是一组 GUI 控件,它实现了菜单、导航框、命令栏等导航界面,并让您以更少的滚动和点击次数有效地查看所有实体(工作区、网格或其他项目)。
- QtitanDocking:允许您像 Visual Studio 一样为您的伟大应用程序配备可停靠面板和可停靠工具栏。黑色、白色、蓝色调色板完全支持 Visual Studio 2019 主题!
Qt技术交流群4:166830288 欢迎一起进群讨论
推荐阅读
-
C++图形用户界面开发框架Qt 6.x入门级教程 - QML 应用程序 C++Qt图形界面
-
C++图形用户界面开发框架Qt 6.x入门级指南 - Qt Quick控件 C++图形C++qt界面
-
C++图形用户界面开发框架Qt 6.x - 在QML中显示文本 C++QtQML界面控件
-
Qt开发框架入门级教程:用例 - 在QML中响应用户输入 Qt界面开发框架C++
-
C++图形用户界面开发框架Qt 6.x - QML中的定位器和布局 C++用户界面开发框架Qt 6Qt
-
用户界面开发框架Qt 6.x入门级教程 - 创建基于Qt Widget的应用(一) Qt CreatorC++图形界面开发界面框架Qt
-
C++图形用户界面开发框架Qt 6.x入门级教程 - Qt Widgets简介 C++用户界面开发框架Qt 6.xQt Widgets
-
C++图形用户界面开发框架Qt 6.x入门级教程 - Qt Widgets简介 C++用户界面开发框架Qt 6.xQt Widgets
-
用户界面开发框架Qt 6.x入门级教程 - 创建基于Qt Widget的应用(一) Qt CreatorC++图形界面开发界面框架Qt
-
C++图形用户界面开发框架Qt 6.x - QML中的定位器和布局 C++用户界面开发框架Qt 6Qt