QML控件类型
文章平均质量分 85
友善啊,朋友
这个作者很懒,什么都没留下…
展开
-
QML控件类型:ToolTip
QML控件类型:ToolTip原创 2022-06-30 13:43:07 · 2274 阅读 · 1 评论 -
QML控件类型:TabBar
TabBar 继承自 Container。提供了一个基于标签的导航模型。允许用户在不同的视图或子任务之间切换。TabBar 填充了 TabButton 控件,可以与任何提供 currentIndex 属性的布局或容器控件一起使用,例如 StackLayout 或 SwipeView。TabBar 通常填充有一组静态选项卡按钮,这些按钮被内联定义为 TabBar 的子项。默认情况下,TabBar 会调整其按钮的大小以适应控件的宽度,可用空间平均分配给每个按钮。可以通过为按钮设置显式宽度来覆盖默认的调整大原创 2022-06-27 13:31:43 · 3616 阅读 · 0 评论 -
QML控件类型:SwipeView、PageIndicator
SwipeView、PageIndicator原创 2022-06-22 00:09:48 · 3539 阅读 · 0 评论 -
QML控件类型:Drawer
Drawer原创 2022-06-20 13:34:57 · 1291 阅读 · 0 评论 -
QML控件类型:StackView
StackView原创 2022-06-18 12:03:35 · 4371 阅读 · 0 评论 -
QML控件类型:TextField、TextArea
TextField 与 TextArea原创 2022-06-07 16:29:11 · 5486 阅读 · 0 评论 -
QML控件类型:Tumbler
一、描述Tumbler 用于通过旋转轮子来选择一个值。Tumbler { model: 10}API 类似于 ListView 和 PathView 等视图的 API。可以设置模型和委托,并且 count 和 currentItem 属性提供对视图信息的只读访问。与 PathView 和 ListView 之类的视图不同的是始终存在一个当前项(当模型不为空时)。即当 count 等于 0 时,currentIndex 将为 -1。在所有其他情况下,它将大于或等于 0。imp原创 2022-05-31 18:28:39 · 2053 阅读 · 0 评论 -
QML控件类型:Pane、Frame、Page、ScrollView、ToolBar
Pane一、描述继承自Control。窗格提供与应用程序样式和主题相匹配的背景颜色。声明为 Pane 子项的项自动成为 Pane 的 contentItem 的父项。动态创建的项目需要明确地作为 contentItem 的父级。二、内容大小如果在 Pane 中仅使用单个子项,它将调整大小以适应其所包含项目的隐式大小。这使得它特别适合与布局一起使用。Pane { ColumnLayout { anchors.fill: parent Che..原创 2022-05-31 14:52:52 · 4487 阅读 · 0 评论 -
QML控件类型:PageIndicator
一、描述页面指示器。用于在多个页面的容器中指示当前活动的页面。由呈现页面的委托项目组成。Column { StackLayout { id: stackLayout Page { // ... } Page { // ... } Page { // ... } } PageIndica原创 2022-05-30 17:47:55 · 862 阅读 · 0 评论 -
QML控件类型:Dialog(Qt Quick Controls 模块)
一、描述Dialog 是一个弹出窗口,继承自 Popup,主要用于短期任务和与用户的简短交流。与 ApplicationWindow 和 Page 类似,Dialog 被组织成三个部分:header、contentItem 和 footer。二、属性成员1、footer : Item对话框页脚项。页脚项目位于底部,并调整为对话框的宽度。 默认值为空。注意:将 DialogButtonBox 指定为对话框页脚会自动将其 accepted() 和 rejected() 信号连接到 Di原创 2022-02-26 10:38:53 · 4036 阅读 · 0 评论 -
QML控件类型:Menu
一、描述可用作上下文菜单或弹出菜单的菜单弹出窗口。当用作上下文菜单:MouseArea { anchors.fill: parent acceptedButtons: Qt.LeftButton | Qt.RightButton onClicked: { if (mouse.button === Qt.RightButton) contextMenu.popup() } onPressAndHold: {原创 2022-02-12 21:38:37 · 2693 阅读 · 0 评论 -
QML类型:Overlay
一、描述覆盖层。为Popup提供了一个层,确保Popup显示在其他内容之上,并且当模态或变暗的Popup可见时背景变暗。覆盖层是覆盖整个窗口的普通 Item。它可以用作视觉父级以在场景坐标中定位Popup。以下示例使用附加的 Overlay.overlay 属性将Popup定位在窗口的中心:Button { onClicked: popup.open() Popup { id: popup parent: Overlay...原创 2022-02-12 17:30:11 · 2060 阅读 · 0 评论 -
QML控件类型:Popup
一、描述Popup 是弹出式界面控件的基本类型。它可以与 Window 或 ApplicationWindow 一起使用。import QtQuick.Windowimport QtQuick.ControlsApplicationWindow { id: window width: 400 height: 400 visible: true Button { text: "Open" onClicked: popup原创 2022-02-12 17:02:37 · 8769 阅读 · 1 评论 -
QML控件类型:MenuBar
MenuBar原创 2022-02-07 12:13:19 · 2291 阅读 · 3 评论 -
QML控件类型:DialogButtonBox
一、描述对话框和消息框通常以符合该平台的界面指南的顺序显示按钮。不同的平台总是有不同顺序的对话按钮。 DialogButtonBox 允许开发人员向其中添加按钮,并且会自动为用户平台使用适当的顺序。有几种使用 DialogButtonBox 的方法。一种方法是指定标准按钮(例如确定、取消、保存)并让按钮框设置按钮。DialogButtonBox { standardButtons: DialogButtonBox.Ok | DialogButtonBox.Cancel onA原创 2022-02-07 00:09:02 · 1287 阅读 · 0 评论 -
QML控件类型:Container
一、描述Container 是类容器用户界面控件的基本类型,允许动态插入和删除项目。是 DialogButtonBox、MenuBar、SplitView、SwipeView、TabBar 的基类。1.1、使用容器通常,项目被静态声明为 Container 的子项,但也可以动态添加、插入、移动和删除项目。可以使用 itemAt() 或 contentChildren 访问容器中的项目。大多数容器都有“当前项”的概念。当前项是通过 currentIndex 属性指定的,并且可以使用只读的 cu原创 2022-02-06 18:17:05 · 1548 阅读 · 0 评论 -
QML控件类型:ProgressBar、BusyIndicator
ProgressBar一、描述ProgressBar 指示操作的进度。二、属性成员1、from : real起始值。默认为 0.0。to : real最终值。 默认为 1.0。value : real进度值。默认为 0.0。2、indeterminate : bool进度条是否处于不确定模式。不确定模式下的进度条显示操作正在进行中,但不显示已取得多少进展。import QtQuick 2.14import QtQ.........原创 2022-01-23 13:52:27 · 1245 阅读 · 0 评论 -
QML控件类型:ScrollBar、ScrollIndicator
ScrollBar一、描述ScrollBar 是滚动条控件,可用于滚动到特定位置。滚动条可以附加到任何 Flickable,例如 ListView 和 GridView。Flickable { // ... ScrollBar.vertical: ScrollBar { }}1.1、将 ScrollBar 附加到 Flickable当 ScrollBar 垂直或水平附加到 Flickable 时,它的几何图形和以下属性会根据需要自动设置和更新:orientatio原创 2022-01-16 14:45:59 · 6595 阅读 · 0 评论 -
QML控件类型:RangeSlider
一、描述RangeSlider 是有两个滑块的滑动条,拖动两个滑块可以确定值范围。二、属性成员1、first group第一个滑块的属性。first.handle : Item:第一个滑块项。 first.hovered : bool:第一个滑块是否悬停。 first.implicitHandleHeight : real:第一个滑块的隐式高度。 first.implicitHandleWidth : real:第一个滑块的隐式宽度。 first.positio..原创 2022-01-16 12:27:50 · 1460 阅读 · 0 评论 -
QML控件类型:Slider(滑动条)
一、属性成员1、from : real范围的起始值。默认为 0.0。to : real范围的结束值。默认值为 1.0。value : real当前值。2、handle : Item滑块项。3、[read-only] horizontal : bool滑动条是否水平的。[read-only] vertical : bool滑块是否垂直的。4、[read-only]implicitHandleH......原创 2022-01-16 00:33:11 · 6973 阅读 · 1 评论 -
QML控件类型:SpinBox
一、描述微调框控件,继承自Control。二、属性成员1、[read-only] displayText : string显示的文本值。等于:var text = spinBox.textFromValue(spinBox.value, spinBox.locale)2、down groupdown.hovered : bool down.implicitIndicatorHeight : real down.implicitIndicatorWidth : real.原创 2022-01-15 16:54:37 · 3264 阅读 · 1 评论 -
QML控件类型:Dial
一、描述仪表盘控件,继承自 Control。表盘可以用键盘操作。支持以下操作:Qt.Key_Left:按 stepSize 减小值 Qt.Key_Down:按 stepSize 减小值 Qt.Key_Home:将值设置为 from Qt.Key_Right:按 stepSize 增加值 Qt.Key_Up:按 stepSize 增加值 Qt.Key_End:将值设置 to二、属性成员1、[read-only] angle : real手柄的角度。范围从-140 ..原创 2022-01-15 14:48:11 · 1278 阅读 · 0 评论 -
QML类型:GroupBox
一、描述GroupBox 用于将一组逻辑控件布局在一起。GroupBox 不提供自己的布局。声明为 GroupBox 子项的项自动成为 GroupBox 的 contentItem 的父项。动态创建的项目需要明确地作为 contentItem 的父级。如果在 GroupBox 中只使用一个项目,它将调整大小以适应其包含项目的隐式大小。 这使得它特别适合与布局一起使用。import QtQuick 2.14import QtQuick.Window 2.14import QtQuick.原创 2022-01-08 21:33:50 · 2729 阅读 · 0 评论 -
QML控件类型:ItemDelegate、CheckDelegate、RadioDelegate、SwitchDelegate、SwipeDelegate
ItemDelegate一、描述ItemDelegate 继承自 AbstractButton,是标准视图项。可以用作各种视图和控件中的委托,例如 ListView 和 ComboBox。import QtQuick 2.14import QtQuick.Window 2.14import QtQuick.ControlsWindow { width: 640 height: 480 visible: true title: qsTr("Hello Wo原创 2022-01-08 15:46:40 · 4445 阅读 · 0 评论 -
QML控件类型:Button、RoundButton、ToolButton、CheckBox、RadioButton、DelayButton、Switch、MenuBarItem、MenuItem
这些按钮全部直接或间接继承自 AbstractButton。Button一、描述Button 提供一个普通的按钮控件。二、属性成员1、flat : bool存按钮是否扁平化。默认为false。除非按下或选中扁平按钮,否则不会绘制背景。2、highlighted : bool按钮是否高亮显示。默认为false。高亮显示按钮可吸引用户的注意力。它对键盘交互没有影响。RoundButton一、描述RoundButton 继承自 Button,特点是它具有原创 2022-01-07 13:40:17 · 4868 阅读 · 0 评论 -
QML控件类型:AbstractButton
一、描述AbstractButton 为具有类似按钮行为的控件提供接口。二、属性成员1、action : Action此属性保存按钮操作。2、display : enumeration图标和文本在按钮内的显示方式。AbstractButton.IconOnly:只有图标 AbstractButton.TextOnly:只有文本 AbstractButton.TextBesideIcon:图标左,文本右 AbstractButton.TextUnderIcon:图标上,原创 2022-01-05 12:57:59 · 900 阅读 · 0 评论 -
QML控件类型:Label
一、描述Label继承自Text。二、属性成员1、background : Item背景项目。如果背景项没有明确指定大小,它会自动遵循控件的大小。 在大多数情况下,不需要为背景项目指定宽度或高度。import QtQuick 2.14import QtQuick.Window 2.14import QtQuick.ControlsWindow { width: 640 height: 480 visible: true title: qs原创 2022-01-01 19:44:43 · 3026 阅读 · 0 评论 -
QML控件类型:ComboBox
一、描述ComboBox 是一个组合按钮和弹出列表。 它提供了一种以占用最少屏幕空间的方式向用户呈现选项列表的方法。ComboBox 填充有数据模型。数据模型通常是 JavaScript 数组、ListModel或整数,也支持其他类型的数据模型。二、属性成员1、[read-only]acceptableInput : bool是否在可编辑文本字段中包含可接受的文本。2、count : int组合框中的项目数。3、currentIndex : int组合框中当..原创 2022-01-01 13:35:21 · 7495 阅读 · 0 评论 -
QML控件类型:Control
一、描述Control 是所有控件通用功能的抽象基类型。它从窗口系统接收输入事件,并在屏幕上绘制自身。二、控件布局控件的 implicitWidth 和 implicitHeight通常基于 background和 contentItem 的隐式大小以及所有 inset和 padding。当没有明确指定宽度或高度时,这些属性决定了控件的大小。contentItem 的几何形状由 padding 确定。 以下示例在控件的边界与其内容之间保留 10px 填充:Control {...原创 2021-12-21 21:41:50 · 1917 阅读 · 0 评论