友善啊，朋友的博客

Loader

一、描述Settings 类型提供独立于平台的应用程序设置。通过在 Settings 元素中声明属性来指定各个设置值。支持所有基本类型属性。以下示例显示如何存储和恢复窗口的几何形状：import QtQuick.Windowimport Qt.labs.settingsWindow { id: window width: 800 height: 600 visible: true Settings { prope

一、描述此类型提供一个可以翻转的界面。此类型提供一种可以在其正面和背面之间翻转的 Item，就像一张卡片。它可以与 Rotation、State 和 Transition 类型结合使用来产生翻转效果。二、使用示例import QtQuick 2.0Window{ width: 640 height: 480 visible: true title: qsTr("Hello World") Flipable { id: fl

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

StackLayout一、描述StackLayout 类提供了一个项目堆栈布局，其中一次只有一个项目可见。与大多数其他布局相比，子项的 Layout.fillWidth 和 Layout.fillHeight 属性默认为 true。因此，子项默认填充以匹配 StackLayout 的大小，只要它们的 Layout.maximumWidth 或 Layout.maximumHeight 不阻止它。以下代码将创建一个 StackLayout，其中只有“plum”矩形可见：StackLayo

一、描述Layout 类型的对象用于附加到布局的子级以提供有关项目的布局特定信息。附加对象的属性会影响布局如何排列项目。不要绑定到布局中项目的 x、y、width 或 height 属性，因为这会与 Layout 的目标冲突，并且还会导致绑定循环。二、附加属性成员1、Layout.alignment：Qt.Alignment指定项目在其占据的单元格内的对齐方式。默认值为 Qt.AlignVCenter | Qt.AlignLeft。如果仅指定了水平或垂直标志，这些默认值也适用：如果

一、Action一、描述Action 代表一个抽象的用户界面动作，它可以有快捷方式并且可以分配给菜单项和工具栏按钮。动作可能包含文本、图标和快捷方式。动作通常由用户通过菜单项、工具栏按钮或键盘快捷键触发。可选中的地址在触发时切换其选中状态。Action { id: copyAction text: qsTr("&Copy") icon.name: "edit-copy" shortcut: StandardKey.Copy onTrigger

一、描述list 类型是QML对象的列表，是QML基本类型之一。list 值的访问方式与JavaScript数组类似：使用带有逗号分隔值的[]方括号语法指定值 length 属性提供 list 中的项目数 使用 [index] 语法访问列表中的值可以使用 push 方法将值动态添加到列表中。列表只能存储QML对象，不能包含任何基本类型值。（要存储基本类型，请改用var类型。）二、使用list类型例如，Item 类型具有一个 states列表类型属性，可以按如下方式分配和使用该.

一、描述QtObject 类型是一个非可视元素，仅包含 objectName 属性。如果需要一个非常轻量级的类型来包含一组自定义属性，那么创建一个 QtObject 会很合适：import QtQuick 2.0Item { QtObject { id: attributes property string name property int size property variant attributes

一、描述此类型用于为两个项目设置掩码。二、使用示例import QtQuickimport Qt5Compat.GraphicalEffectsItem { width: 300 height: 300 Image { id: bug source: "images/bug.jpg" sourceSize: Qt.size(parent.width, parent.height) smoo.

一、描述ApplicationWindow 继承自 Window，可以方便地向窗口添加菜单栏、页眉和页脚项。可以将ApplicationWindow 声明为应用程序的根项，并使用 QQmlApplicationEngine 运行它。 通过这种方式，可以从 QML 控制窗口的属性、外观和布局。import QtQuick.Controls 2.12ApplicationWindow { visible: true menuBar: MenuBar { /

一、描述Window 对象为 Qt Quick 场景创建一个顶级窗口。Window 可以在 Item 内或在另一个 Window 内声明，在这种情况下，内部窗口将自动变为外部窗口的“瞬态”：即，默认情况下，大多数平台将显示它以外部窗口为中心。import QtQuick 2.14import QtQuick.Window 2.14Window { width: 640 height: 480 visible: true title: qsTr("Hello

一、描述阴影类型。为源生成彩色和模糊阴影图像并将其放置在源后面，看起来是源项目从背景中升起。二、使用示例import QtQuick 2.14import QtQuick.Window 2.14import Qt5Compat.GraphicalEffectsWindow{ width: 640 height: 480 visible: true title: qsTr("Hello World") Image {

一、描述Qt 对象是一个具有实用函数、属性和枚举的全局对象。它不可实例化。要使用它，直接调用全局 Qt 对象的成员。 例如：import QtQuick 2.0Text { color: Qt.rgba(1, 0, 0, 1) text: Qt.md5("hello, world")}二、枚举Qt 对象包含 Qt 命名空间中可用的枚举。例如，可以以 Qt.LeftButton 和 Qt.RightButton 访问 Qt::LeftButton 和 Qt::

Shape一、描述Shape 通过 QPainterPath 生成几何图形或使用 GPU来渲染路径。这种方法与通过 QQuickPaintedItem 或 2D Canvas 渲染形状不同，因为路径永远不会在软件中光栅化。因此，Shape 适用于创建分布在屏幕更大区域的形状，避免纹理上传或帧缓冲区 blit 的性能损失。Window{ id:win visible: true width: 800 height: 480 title: "测试"

一、描述Context2D 对象可以通过 Canvas 项的 getContext() 方法创建：Canvas { id:canvas onPaint:{ var ctx = canvas.getContext('2d'); //... }}Context2D API 实现了相同的 W3C Canvas 2D Context API 标准，但具有一些增强功能。Context2D API 提供了渲染上下文，它定义了在 Canvas 项目上绘制所需的方法和属性

一、描述Canvas 项目允许绘制直线和曲线、简单和复杂的形状、图形和参考图形图像。 它还可以添加文本、颜色、阴影、渐变和图案，并进行低级像素操作。 Canvas 输出可以保存为图像文件或序列化为 URL。渲染到 Canvas 是使用 Context2D 对象完成的。二、线程渲染和渲染目标在 Qt 6.0 中，Canvas 项支持一个渲染目标：Canvas.Image。Canvas.Image 渲染目标是一个 QImage 对象。 此渲染目标支持后台线程渲染，允许在不阻塞 UI 的情况下

一、描述var 类型是可以引用任何数据类型的通用属性类型。它相当于一个常规的 JavaScript 变量。 例如，var 属性可以存储数字、字符串、对象、数组和函数：Item { property var aNumber: 100 property var aBool: false property var aString: "Hello world!" property var anotherString: String("#FF008800") pr

一、描述WebSockets 是一种通过单个 TCP 连接提供全双工通信通道的 Web 技术。二、属性1、active : bool：设置为 true 时，将使用给定的 url 连接到服务器。设置为 false 时，连接将关闭。 默认值为false。2、errorString : QString：包含对发生的最后一个错误的描述。当没有发生错误时，该字符串为空。3、status : Status：WebSocket状态。WebSocket.Connecting WebSocket.O

一、属性1、accept : bool：设置为 true 以在服务器侦听时接受传入的客户端连接。当设置为 false 时，传入连接将被拒绝。 默认情况下，接受连接。2、errorString : QString：发生错误时的字符串化错误消息。3、host : QString：服务器的主机地址。 默认情况为 localhost。4、listen : bool：当服务器应该侦听客户端连接时设置为 true，否则设置为 false。当设置为 true 时，服务器将侦听由主机和端口定义的指定 url

PathCurve一、描述PathCurve 提供了一种简单的方法来指定直接通过一组点的曲线。import QtQuick 2.14import QtQuick.Window 2.2Window{ id:win visible: true width: 800 height: 600 Rectangle { id: window anchors.fill: parent Canvas

PathArc一、描述PathArc 提供了一种简单的方法来指定具有半径的给定位置的弧。请注意，不能使用单个 PathArc 来指定圆。可以使用两个 PathArc 元素，每个元素指定圆的一半。二、属性成员1、radiusX : realradiusY : real圆弧所在椭圆的两个轴的半径2、x : realy : real圆弧的终点（绝对位置）。3、relativeX : realrelativeY : ...

Path一、描述一条路径由多个路径段组成。Path 和其他用于指定路径元素的类型在 PathView 和 Shape 之间共享。Path 为非可视类型，它本身不显示任何内容。要绘制路径，请使用Shape 。二、属性成员1、startX : realstartY : real保存路径的起始位置。2、closed : bool是否闭合路径，即路径的起点和终点是否相同。3、[默认] pathElements : list<PathEleme...

IntValidator：整数验证器类型一、属性成员1、bottom : int此属性保存验证器的最低可接受值。 默认情况下，此属性的值源自可用的最低有符号整数（通常为 -2147483647）。2、locale : string此属性保存用于解释数字的语言环境的名称。3、top : int此属性包含验证器可接受的最高值。默认情况下，此属性的值源自可用的最高有符号整数（通常为 2147483647）。DoubleValidator：双精度浮点数验证器一、描述

一、描述TextInput 类型显示一行可编辑的纯文本。二、属性成员1、acceptableInput : bool除非设置了验证器或输入掩码，否则此属性始终为真。2、autoScroll : bool文本太长时 TextInput 是否应该滚动。默认为 true。3、displayText : string显示的文本。如果 echoMode 设置为 TextInput::Normal，则它与 text 属性保持相同的值。 否则，此属性保存用户可见的文本，而 t

一、描述Rotation 类型提供了一种旋转 Item 的方法。它允许（z 轴）相对于任意点旋转，并且还提供了一种为项目指定类似 3D 旋转的方法。 与 Item.rotation属性相比，这可以更好地控制 Item 旋转。以下示例围绕其内点 (25, 25) 旋转 Rectangle：import QtQuick 2.12import QtQuick.Window 2.0Window{ id:root; visible: true; width: 200.

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

一、描述使用 WorkerScript 在新线程中运行操作。这对于在后台运行操作很有用，这样主 GUI 线程就不会被阻塞。可以使用 sendMessage() 和 onMessage() 处理程序在新线程和父线程之间传递消息。一个例子：import QtQuick 2.9import QtQuick.Window 2.2Window{ visible: true width: 840 height: 600 Rectangle {

一、属性成员1、interval : int设置触发器之间的间隔，以毫秒为单位。默认间隔为 1000 毫秒。2、repeat : bool定时器是否以指定的时间间隔重复触发。默认为false。3、running : bool设置启动 / 停止计时器。运行为false。对于非重复计时器（repeat : false），在触发定时器后将 running 设置为 false。4、triggeredOnStart : bool定时器是否在启动时立即触发。默认为 fa

一、描述Transition 定义了当 State 发生变化时要应用的动画。例如，下面的 Rectangle 有两种状态：默认状态和添加的“moved”状态。 在“moved”状态下，矩形的位置更改为 (50, 50)。添加的 Transition 指定当矩形在默认状态和“moved”状态之间更改时，对 x 和 y 属性的任何更改都应使用动画 Easing.InOutQuad。import QtQuick 2.9import QtQuick.Window 2.2Window{

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

一、描述TextEdit 项显示可编辑的格式化文本块。TextEdit 不实现滚动、跟随光标或其他特定于外观的行为。二、属性成员1、bottomPadding : realleftPadding : realpadding : realrightPadding : real topPadding : real包含内容周围的填充。即除了 contentWidth 和 contentHeight 之外，保留的空间。2、ef...

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

一、描述此类型提供的属性允许子项确定它在其父列、行、流或网格的布局中的位置。例如，下面是通过 Repeater 创建的具有 16 个子矩形的网格。每个 Rectangle 都使用 Positioner.index 在 Grid 中显示其索引，并且考虑到 Positioner.isFirstItem，第一个项目的颜色不同： Grid { Repeater { model: 16 Rectangle

一、描述Column 是一种将其子项沿单个列定位的类型。它是不使用锚点的情况下垂直定位一系列项目的便捷方式。下面是一个包含三个不同大小的矩形的列：Column { spacing: 2 Rectangle { color: "red"; width: 50; height: 50 } Rectangle { color: "green"; width: 20; height: 50 } Rectangle { color: "blue"; width: 50

一、描述Flow 会自动并排放置子项，并根据需要进行换行。 Flow { anchors.fill: parent anchors.margins: 4 spacing: 10 Text { text: "Text"; font.pixelSize: 40 } Text { text: "items"; font.pixelSize: 40 } Text { text: "flowing

一、描述Grid 创建一个单元格网格，该网格足够容纳其所有子项，并将这些项从左到右、从上到下放置在单元格中。每个项目都位于其单元格的左上角，位置为 (0, 0)。网格默认为四列，并根据需要创建尽可能多的行以适合其所有子项。例如，下面是一个包含五个不同大小的矩形的 Grid：import QtQuick 2.0Grid { columns: 3 spacing: 2 Rectangle { color: "red"; width: 50; height: 50

一、描述Row 是一种将其子项沿单行定位的类型。它是不使用锚点的情况下水平定位一系列项目的便捷方式。下面是一个包含三个不同大小的矩形的行：Row { spacing: 2 Rectangle { color: "red"; width: 50; height: 50 } Rectangle { color: "green"; width: 20; height: 50 } Rectangle { color: "blue"; width: 50; heigh

一、描述组件是可重用、封装的 QML 类型，具有明确定义的接口。组件通常由组件文件定义 - 即 .qml 文件，一个.qml文件就是一个组件。而 Component 类型本质上允许在 QML 文档中内联定义 QML 组件，而不是作为单独的 QML 文件。例如，下面是一个被多个 Loader 对象使用的组件：import QtQuick 2.0Item { width: 100; height: 100 Component { id: red

一、描述MouseArea 是一个不可见项，通常与可见项结合使用，以便为该项提供鼠标处理。通过有效地充当代理，鼠标处理的逻辑可以包含在 MouseArea 项中。二、属性成员1、mouseX : real mouseY : real光标的坐标。坐标是相对于 MouseArea 的。如果 hoverEnabled 属性为false：这两个属性仅在按下鼠标按键时有效，并且只要按住鼠标按键，即使光标移出区域外也将保持有效。如果 hoverEnabled 为 true，则这两...