hw5230的博客

Qt项目实战：QML粒子系统

一个包含粒子画家、发射器和粒子控制器类型的系统。当系统中没有活粒子时，empty 为 true。可以使用它来暂停系统。但在需要生成额外的粒子时要恢复系统。可以在此属性中定义粒子组的子集，以便为它们提供随机状态转换。此列表中的每个 Sprite 都被解释为对应于具有相同名称的粒子组。粒子系统是否暂停。如果检测到没有剩余的活粒子，模拟将自动暂停，并在添加新的活粒子时取消暂停。粒子系统是否正在运行。当系统再次运行时，所有粒子都将被销毁。1、pause()暂停系统。2、reset()

此类型用于粒子系统中指定一个委托来绘制粒子。将为每个逻辑粒子创建一个委托实例，并随之移动。当逻辑粒子过期时，ItemParticle 创建的任何委托实例都将被销毁。如果为 true（默认），项目将在其生命周期结束时自动淡入淡出。如果为 false，则必须自己实现入出效果。暂停 item 代表的逻辑粒子的时间流。item 的控制权交给用户。item 将失去与逻辑粒子的关联。ItemParticle 暂时接管对 item 定位的控制。当有逻辑粒子可用时，item 将跟随逻辑粒子的运动。

Repeater 类型用于创建大量相似的项目。是一种视图元素。与其他视图类型一样，Repeater 有一个模型和一个委托。Repeater 项通常包含在定位器类型中，例如 Row 或 Column，以直观地定位由 Repeater 创建的多个委托项。Repeater 的模型可以是任何受支持的数据模型。此外，与其他视图的委托一样，Repeater 委托可以访问其在 Repeater 中的索引，以及与委托相关的模型数据。由 Repeater 实例化的项目按顺序插入，作为 Repeater 的父项的子项。

GridView 继承自 Flickable。用作显示来自内置 QML 类型（如 ListModel 和 XmlListModel）或从 QAbstractListModel 继承的 C++ 中定义的自定义模型类创建的模型中的数据。可以组合这些属性以生成各种布局。这些属性保存网格中每个单元格的宽度和高度。默认单元格大小为 100x100。此属性保存网格的流动方向。在视图中将 currentIndex 向下 / 向左 / 向上 / 向右移动一项。

ListView 继承自 Flickable，用作显示来自内置 QML 类型（如 ListModel 和 XmlListModel）或从 QAbstractItemModel 或 QAbstractListModel 继承的 C++ 中定义的自定义模型类创建的模型中的数据。这些属性控制高亮代理的移动速度和调整大小动画。highlightFollowsCurrentItem 必须为 true 才能使这些属性生效。速度属性的默认值为 400 像素/秒。

ObjectModel 包含要在视图中使用的可视项。在视图中使用 ObjectModel 时，视图不需要委托，因为 ObjectModel 已经包含可视委托（项目）。只读属性，模型中的项目数。此附加属性保存模型中此委托项的索引。它附加到委托的每个实例。返回模型中索引处的项目。其他成员函数见：ListModel 的成员函数。

效果：QWidget 版本的：Qt编写自定义控件：垂直手风琴收缩部件有个知识点注意一下：想要透明度不影响子项需要使用 color 属性设置透明度而不是使用 opacity 属性。

Behavior 定义了每当特定属性值更改时要应用的默认动画。例如，下面的 Behavior 定义了一个 NumberAnimation，当 Rectangle 的宽度值发生变化时要运行它。一个属性不能有多个指定的 Behavior。要在一个 Behavior 中提供多个动画，请使用 ParallelAnimation 或 SequentialAnimation。

Control 是所有控件通用功能的抽象基类型。它从窗口系统接收输入事件，并在屏幕上绘制自身。控件的 implicitWidth 和 implicitHeight 通常基于 background 和 contentItem 的隐式大小以及所有 inset 和 padding。当没有明确指定宽度或高度时，这些属性决定了控件的大小。contentItem 的几何形状由 padding 确定。background 项目填充控件的整个宽度和高度，除非已为其指定 inset 或明确大小。

ComboBox 是一个组合按钮和弹出列表。它提供了一种以占用最少屏幕空间的方式向用户呈现选项列表的方法。ComboBox 填充有数据模型。数据模型通常是 JavaScript 数组、ListModel 或整数，也支持其他类型的数据模型。是否在可编辑文本字段中包含可接受的文本。组合框中的项目数。组合框中当前项目的索引。当 count 为 0 时默认值为 -1，否则默认值为 0。当前项目的文本。当前项目的值。一个委托，用于在组合框弹出窗口中显示一个项目。

一、描述AbstractButton 为具有类似按钮行为的控件提供接口。二、属性成员此属性保存按钮操作。图标和文本在按钮内的显示方式。AbstractButton.IconOnly：只有图标AbstractButton.TextOnly：只有文本AbstractButton.TextBesideIcon：图标左，文本右AbstractButton.TextUnderIcon：图标上，文本下3、图标组icon.name：图标的名称。图标将从平台主题加载。

范围的起始值。默认为 0.0。to : real范围的结束值。默认值为 1.0。当前值。滑块项。滑动条是否水平的。滑块是否垂直的。handle 隐式高度。该值等于 handle？handle 隐式宽度。该值等于 handle？是否在拖动滑块时为 value 属性提供实时更新。默认为 true。方向。滑块的逻辑位置。范围为 0.0 - 1.0。滑块的视觉位置。范围为 0.0 - 1.0。当控件被镜像时，该值等于 1.0 - position。滑动条是否被触摸、鼠标或按键按下。

ProgressBar 指示操作的进度。起始值。默认为 0.0。to : real最终值。默认为 1.0。进度值。默认为 0.0。进度条是否处于不确定模式。不确定模式下的进度条显示操作正在进行中，但不显示已取得多少进展。3、【只读】 position : real进度条的逻辑位置（因为进度条有方向）。范围为 0.0 - 1.0。4、【只读】 visualPosition : real进度条的视觉位置。范围为 0.0 - 1.0。

MenuBar 由下拉菜单组成，通常位于窗口的顶部边缘。继承自 Container。通常，菜单静态声明为菜单栏的子项，但 MenuBar 还提供 API 来动态添加、插入、删除和获取菜单。可以使用 menuAt() 访问菜单栏中的菜单。

Popup 是弹出式界面控件的基本类型。它可以与 Window 或 ApplicationWindow 一起使用。为了确保弹出窗口显示在场景中其他项目的上方，建议使用 ApplicationWindow。ApplicationWindow 还提供背景调光效果，如上图，弹出后窗口颜色变了。Popup 不提供自己的布局，需要用户定位其内容，例如通过创建 RowLayout 或 ColumnLayout。声明为 Popup 的子项的项自动成为 Popup 的 contentItem 的父项。

页面指示器。用于在多个页面的容器中指示当前活动的页面。由呈现页面的委托项目组成。总页数。当前页的索引。一个呈现页的委托。控件是否是交互式的。默认为 false。交互式页面指示器对按下作出反应并自动适当地更改当前索引。页面指示器一般非常小（为了避免分散用户对用户界面实际内容的注意力），可能很难点击，并且可能不容易被用户识别为交互的。因此最好被用作主要的导航控件的补充。本文福利，莬。

一、描述继承自 Control 。窗格提供与应用程序样式和主题相匹配的背景颜色。声明为 Pane 子项的项自动成为 Pane 的 contentItem 的父项。动态创建的项目需要明确地作为 contentItem 的父级。二、内容大小如果在 Pane 中仅使用单个子项，它将调整大小以适应其所包含项目的隐式大小。这使得它特别适合与布局一起使用。如果有两个子项：在这种情况下，Pane 无法计算合理的隐式大小。将 PageIndicator 锚定在 SwipeView 上，可以简单地将内容大小设置为

TextField 是单行文本编辑器，继承自 TextInput。TextField 使用占位符文本功能扩展了 TextInput。背景项目。如果背景项没有明确指定大小，它会自动遵循控件的大小。在大多数情况下，不需要为背景项目指定宽度或高度。大多数控件使用背景项的隐式大小来计算控件本身的隐式大小。如果将背景项目替换为自定义项目，还应该考虑为其提供一个合理的隐式大小（除非它是像 Image 这样的项目，它有自己的隐式大小）。见：Control上次焦点更改的原因。是否接受悬停事件。默认为 false。

DrawerDrawer 提供一个可以使用滑动手势打开和关闭的侧面板。继承自 Popup。Drawer 可以从上下左右四个方向打开。 将 Drawer 定位为显示在窗口标题下方： position 属性确定 Drawer 的可见程度，值介于 0.0 和 1.0 之间。以下代码使用一个和 Drawer 同级的 Label 来演示“Label 被 Drawer 推动”的效果： 1、dragMargin : real与屏幕边缘的距离，在该距离内拖动操作将打开 Drawer。设置为 小

Windowwidth: 640Buttonid:btnToolTip {本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QT嵌入式开发，Quick模块等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓。

Item 类型是 Qt Quick 中所有可视项的基本类型。Qt Quick 中的所有可视项都继承自 Item。尽管 Item 对象没有视觉外观，但它定义了所有视觉项的通用属性。Item 类型可做为根元素包含视觉项目。

图像类型显示图像。可显示所有Qt支持的图像格式。

组件是可重用、封装的 QML 类型，具有明确定义的接口。组件通常由组件文件定义 - 即 .qml 文件，一个.qml文件就是一个组件。而 Component 类型本质上允许在 QML 文档中内联定义 QML 组件，而不是作为单独的 QML 文件。虽然 Rectangle 本身会自动呈现和显示，但上面矩形并非如此，因为它是在 Component 内定义的。该组件将 QML 类型封装在其中，就好像它们是在单独的 QML 文件中定义的一样，并且在请求之前不会加载。

LayoutMirroring 附加属性用于水平镜像 Item 锚点、定位器类型、视图。镜像是一种视觉上的变化：左锚点变成右锚点，定位器类型反转子项的水平布局。LayoutMirroring 可以附加到 Window 窗口。

状态可以配置一组属性配置。所有项目都有一个默认状态，用于定义对象和属性值的默认配置。可以通过将 State 项添加到 states 属性来定义新状态，以允许项在不同配置之间切换。以下示例显示单个矩形。在默认状态下，矩形为蓝色。在“clicked”状态下，PropertyChanges 对象将矩形的颜色更改为红色。在 MouseArea 内单击会在默认状态和“单击”状态之间切换矩形的状态，从而在蓝色和红色之间切换矩形的颜色。默认状态是使用空字符串 ("") 引用的。

使用 WorkerScript 在新线程中运行操作。这对于在后台运行操作很有用，这样主 GUI 线程就不会被阻塞。可以使用 sendMessage() 和 onMessage() 处理程序在新线程和父线程之间传递消息。指定了一个 JavaScript 文件“script.mjs”，它处理要在新线程中执行的操作。当用户单击矩形内的任意位置时，将调用 sendMessage()，触发 script.mjs 中的 WorkerScript.onMessage() 处理程序。

Flickable 项将其子项放置在可以拖动和轻弹的表面上，从而使得子项上的视图滚动。在传统的用户界面中，可以使用标准控件（例如滚动条和箭头按钮）滚动视图。在某些情况下，也可以在移动光标的同时按住鼠标按钮直接拖动视图。在基于触摸的用户界面中，这种拖动动作通常与轻弹动作相辅相成，在用户停止触摸视图后继续滚动。Flickable 不会自动裁剪其内容。如果它不用作全屏项，则应考虑将 clip 属性设置为 true。

TextInput 类型显示一行可编辑的纯文本。

Context2D 对象可以通过Context2D API 实现了相同的 W3C Canvas 2D Context API 标准，但具有一些增强功能。Context2D API 提供了渲染上下文，它定义了在 Canvas 项目上绘制所需的方法和属性。以下将画布渲染上下文分配给 context 变量：Context2D API 将画布渲染为坐标系，其原点 (0,0) 位于左上角，如下图所示。坐标沿 x 轴从左到右增加，沿 y 轴从画布的顶部到底部增加。

Qt 对象是一个具有实用函数、属性和枚举的全局对象。它不可实例化。要使用它，直接调用全局 Qt 对象的成员。

Window 对象为 Qt Quick 场景创建一个顶级窗口。Window 可以在 Item 内或在另一个 Window 内声明，在这种情况下，内部窗口将自动变为外部窗口的“瞬态”：即，默认情况下，大多数平台将显示它以外部窗口为中心。

Qt QML是一种声明性编程语言，它用于构建用户界面。它被广泛应用于Qt框架中的GUI开发和嵌入式系统开发。QML允许您在单个文件中创建完整的用户界面，包括视觉效果、动画和行为。它还支持各种类型的数据绑定和信号槽机制，以实现高效和易于维护的代码。QML基于JavaScript语法，并且具有内置的图形渲染引擎，可以轻松地与Qt C++库进行交互。这使得使用QML开发高性能、流畅的用户界面变得更加容易。

Layout 类型的对象用于附加到布局的子级以提供有关项目的布局特定信息。附加对象的属性会影响布局如何排列项目。不要绑定到布局中项目的 x、y、width 或 height 属性，因为这会与 Layout 的目标冲突，并且还会导致绑定循环。

此类型提供特定于语言环境的属性和格式化数据。Locale 对象只能通过 Qt.locale() 函数创建。不能直接创建。Qt.locale() 函数返回一个 JS Locale 对象，表示具有指定名称的语言环境，其格式为“language[_territory][.codeset][@modifier]”或“C”。支持默认区域设置的概念，默认区域设置由应用程序启动时系统的区域设置确定。如果没有参数传递给 Qt.locale()，则返回默认的语言环境对象。

Loader 用于动态加载 QML 组件。Loader 可以加载 QML 文件（使用 source 属性）或 Component 对象（使用 sourceComponent 属性）。它可用于延迟组件的创建。可以使用 item 属性访问加载的对象。如果 source 或 sourceComponent 发生更改，则任何先前实例化的项目都将被销毁。将 source 设置为空字符串或将 sourceComponent 设置为 undefined 会销毁当前加载的对象，释放资源并将 Loader 置空。

添加在 QML 中解析 URL 时要使用的拦截器。这也适用于用于加载脚本文件和 QML 类型的 URL。

在 QML 和 C++ 之间交换数据值时，QML 引擎会将它们转换为适合在 QML 或 C++ 中使用的正确数据类型。这要求交换的数据属于引擎可识别的类型。QML 引擎为大量 Qt C++ 数据类型提供内置支持。此外，自定义 C++ 类型可以在 QML 类型系统中注册，以使它们可用于引擎。

可以通过 signal 关键字将信号添加到自定义 QML 类型。

Receiver有一个fuction是设置displayText的值。Sender中，使用target指定要receiver的qml对象。先来记录下qml中Designer的简单使用，这个比较简单。这里一般在XXXXForm.ui.qml中设计器进行设计，在XXXX.qml中设置那些动态属性啥的。如下BackgroundForm.ui.qml。这里无需敲代码，直接用界面鼠标点点，弄出来。2. 使用设计器完成简单的qml控件设计。一个是XXXXForm.ui.qml。如下的这个Sender.qml。