QML基础 -- 创建QML项目的两种方式（QT Quick UI Prototype和QT Quick Application

.qmlproject : 定义项目文件夹中的所有 QML、JavaScript 和图像文件都属于项目。因此，不需要单独列出项目中的所有文件。
. qml : 定义了一个 UI 项目，例如组件，屏幕或整个应用程序 UI。
ui.qml : 定义了应用程序 UI 的窗体。如果创建项目文件时选择了 With .ui.qml file 复选框，则会创建此文件，应用于设计师模式。

默认生成的 .qmlproject 文件中会将现有的一个文件设置为入口文件。若后续添加多个文件，想要同时运行单个文件时，可将其注释，而通过这种方式创建的QML项目可以使用设计师模式，实时对显示的界面进行组件设计。是得界面的显示更流畅，如下所示

3）运行效果

或通过pip安装 pip install python- qt -live-coding 您还需要安装Py Qt 或PySide2才能使该应用程序正常工作。实现此目的的最快方法是使用pip。 pip install Py Qt5 pip install pyside2 实时编码环境带有一个实时运行程序，它使您能够快速实时编码 Qt G UI 。文章目录导语1.基本视图2.文件类型一、界面说明1.库（Library）2.导航（Navigator）3.属性（Properties）4.连接视图二、实战：使用设计器操作 QML 文档1. 创建项目 2. 设计器的基本使用 1.基本视图 2.文件类型新建一个 Qt Quick UI File 文件其实就是新建了一个组件，会自动生成以下两个文件。如果外界 qml 要引用，建议Main类型，不仅有界面还有以外的一些设置。 Main. qml ：用于界面的实施，逻辑的处理。 MainForm. ui . qml ：这是一个U 还有另外一款工具： Qt Design Studio，该工具是 Qt 官方推出为适应 Qt Quick 发展趋势的独立工具，一般情况下，在 Qt Design Studio工具下创建设计的工程是可以直接放到 Qt Creator中使用。 Qt Design Studio中，在『Projects』视图下选中需要添加文件的工程，右键单击，在弹出的上下文菜单中，选择“Add New…我们可以使用 Qt Design Studio的向导创建后缀名为. ui . qml 的 UI 文件， UI 文件可以在2D视图中编辑。支持的『 Qt QML 方法』要开发 QML 程序，首先要选择一款合适的工具。 Qt Creator 作为 Qt 开发的首选工具，当然，也可用于 Qt Quick 。在使用 Qt Creator 创建 Qt Quick 项目时有很多模版及类别，下面我们一一讲解！什么是 QML ？ QML 是一种用户界面规范和编程语言。它使开发人员和设计师都可以创建高性能，流畅的动画和吸引人的应用程序。 QML 提供了一种高度可读的，声明性的，类似于JSON的语法，并支持将命令性JavaScript表达式与动态属性绑定结合在一起。 QML 是一种声明性语言，它允许根据用户界面的视觉组件以及它们之间的交互方式和相互关系来描述用户界面。它是一种高度可读的语言，旨在使组件能够以动态方式互连，并且允许在用户界面内轻松地重用和自定义组件。使用该 Qt Quick 模块，设计人员和开发人员可以轻松地在 QML 中参考 Qt Assistant qt help://org. qt -project. qt qml .5128/ qt qml / qt qml -index.html Since Qt 5.4, a document can also have the file extension “. ui . qml ”. The QML engine handles these files like standard . qml files and ignores the . ui part of the extension. Qt Creator 选择文件>新建文件或项目 > Application ( Qt Quick ) > Qt Quick Application - Empty 按照修改项目目录、名称、编译器等。创建好的项目如下图：使用Text Editor模式打开main. qml ，想到模板建立的是Window类型，该类型不支持添加状态。因此需要使用Rectangle类型替代Window类型，同时要移除title属性。原main. qml 代码： import Qt Quick 2.12 import Qt Q ui c QML （ Qt Meta-Object Language， Qt 元对象语言）是一种用于描述应用程序用户界面的声明式编程语言。它使用一些可视组件，通过这些组件之间的交互来描述用户界面。 QML 是一种高可读性的语言，可以使组件以动态方式进行交互，并且易于复用和自定义。 QML 允许开发者和设计者进行联合创作，快速创建高性能的、具有流畅的动画效果的、极具视觉吸引力的应用程序。 QML 提供了一个具有高可读性的类似 JSON 的声明式语法，并提供了必要的 JavaScript 语句和动态属性绑定的支持。在*. ui . qml 里，先用“普通文本编辑器”打开输入一个错误的属性，关闭，然后再双击该文件，则打开了 QML JS的图形编辑器，点击“转到错误”，就进入了 QML JS的文本编辑模式，输入提示和高亮都有了，是不... qml 与 ui 界面的结合使用一般来说，同一项目下，是不太会出现同时使用 qml 和 ui 两种方式来编写界面的，但是，实际开发中，总是会遇到各种意外的情况和需求。比如两个不同软件的合并。下面将介绍两种 qml 和 ui 界面的结合方式。 qml 调用 ui 界面 qml 对 ui 界面的调用，主要是获取 qml 界面的句柄，然后赋给需要调用的 ui 界面，再在 qml 中需要的地方开一个控件，用来加载修改过句柄的 ui 界面。具体代码如下：...