QTQuick控件基础(1)

简介: 一、ItemQtQuick所有的可视项目都继承自Item,它定义了可视化项目所有通用特性(x\y\width\height\anchors等)具体包括1、作为容器2、不透明性没有设置opacity属性设置了opacity属性为0.5当然也可以这样写3、visible属性用来设置项目是否可见。
一、Item
QtQuick所有的可视项目都继承自Item,它定义了可视化项目所有通用特性(x\y\width\height\anchors等)具体包括
1、作为容器
img_fffad021ca9b4bebac3f10fd8313b3e6.png
2、不透明性
没有设置opacity属性
img_320a91263802b4a8502b2e6b5a9baded.png
设置了opacity属性为0.5
img_1973920fc9806298faa6882f1a0703d3.png
当然也可以这样写
img_97ec1041230c1eb02c2c6454d8e190f5.png
3、visible属性用来设置项目是否可见。如果visible属性为false,则不接受鼠标键盘事件;同理还有enable属性;
4、堆叠顺序,简单的说,就是z越大,越在顶层。当然前提是要保证是在并集的情况下。
img_ec0a7e1d523f2b393f0474743c125ab1.png
通过z的设置,将原本在上面的蓝色矩形变换到底层,同时将两个矩形的结构由嵌套改编成并行。
img_bb64e22e9ca29ed64ee170b9c909c870.png
或者可以通过将z设置为负值直接达到这个目标
5、定位子项目和坐标映射
包含childAt来返回在点x,y处的子项目,以及item的mapFromItem返回item坐标系统中点映射在该项目坐标系统的结果。

二、Rectangle
Rectangle主要是使用纯色或者渐变填充一个矩形区域,并提供一个边框。
1、渐变,使用了GradientStop表明渐变的头和尾
img_fbb7f6772356d7998dade580a0875f02.png
2、边框,我们实现一个圆角矩形
img_f5d5294fbbd4e72457d9dc67ec1c1613.png

三、Text
可以按照常用的方式,也可以以html的方式
img_cab848958396de5f75e8d90f1644ee1b.png
1、颜色,有两种表示颜色的方法
img_b73644fd9be034b187081febdac7a68d.png

2、文本裁剪,如果clip为true则裁剪,否则通过设置文本换行或者文本省略。这个截图已经可以说明
img_0fde30f0651c337bb5fbc2b4a64dd5d6.png
3、超链接
img_c5686c6cdf0731840cea6df75893ce38.png

四、TextInput
TextInput用来显示单行可编辑纯文本。以及相关的现实策略。比如intvalidator/DoubleValidator以及RegExpoValidator等
img_d97c476926ec57468af777aaecc45c33.png
按下回车后读取数据
img_ec4671b96e782692593ed78b95378a01.png
当然我们推荐使用qtcontrols中的textbox
四、定位器
column/row/grid/flow是四种定位器
img_73548ac22d909bd2f092e719f05b3b37.png
img_9b6b1ce6eac480d5c50e540c6a052a52.png
五、repeater和positioner用来创建大量的项目并且获得特定的数据
img_168846b7b09f9146a9bee0bf92eac67e.png
注意其中的index是直接委托获得的。

六、anchor锚定位
一般来说,锚都是相对于父控件的,所以记录这幅图最为重要:
img_750973aa6e825347fceb7cfa2edb88d6.png
七、MouseArea
其最为重要的是 onClicked事件
img_987c1fa06e69e4bece889c818dade1c9.png

八、timer
实时获得当前时间
img_70bfcd17c5eb3123fc5679554bf97b7b.png





目前方向:图像拼接融合、图像识别 联系方式:jsxyhelu@foxmail.com
目录
相关文章
|
消息中间件 存储 负载均衡
拆解一下消息队列、任务队列、任务调度系统
拆解一下消息队列、任务队列、任务调度系统
1550 0
|
传感器 算法 数据格式
QT Modbus RTU调试助手(包含算法实现CRC MODBUS16校验)
QT Modbus RTU调试助手(包含算法实现CRC MODBUS16校验)
1624 0
|
5月前
|
编译器 程序员 Linux
实用工具:VS Code 配置 Markdown 编译器全指南
本文介绍如何在VS Code中配置高效Markdown写作环境,通过启用内置预览、安装Markdown All in One与Markdown Preview Enhanced插件,并配置Princexml实现PDF等格式导出,全面提升编辑、预览与输出效率,适合程序员、学生及内容创作者使用。
3397 2
实用工具:VS Code 配置 Markdown 编译器全指南
|
9月前
|
开发工具 git
解决 VSCode 安装通义灵码后左侧菜单栏不显示按钮的问题
在 VSCode 中安装通义灵码插件后,若左侧活动栏未显示图标,可通过右键选中代码触发插件面板,并将其图标拖至左侧栏固定,便于后续快速使用。
4395 116
|
开发框架 人工智能 .NET
C#/.NET/.NET Core拾遗补漏合集(24年12月更新)
C#/.NET/.NET Core拾遗补漏合集(24年12月更新)
269 6
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
15470 5
|
网络协议 Java API
TCP/IP协议以及UDP(超详细,看这一篇就够了)
TCP/IP协议以及UDP(超详细,看这一篇就够了)
1214 0
|
API 开发工具 数据安全/隐私保护
API接口的对接流程和注意事项
随着互联网技术的发展和应用的普及,API接口已经成为不同系统、不同应用之间进行交互和数据交换的重要方式。API接口使得不同的系统能够互相调用对方的功能,提高了系统的灵活性和扩展性。但是,在进行API接口对接的过程中,需要注意一些流程和事项,以确保对接的顺利进行和系统的稳定运行。
|
Swift
在Swift编程语言中,Repeat-While循环
在Swift编程语言中,Repeat-While循环
235 2
|
UED
QT多线程(主动挂起线程)
QT多线程(主动挂起线程)
769 0

热门文章

最新文章