QTQuick控件基础(1)-阿里云开发者社区

开发者社区> 禾路> 正文

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
8430 0
java基础Haep(堆)和Stack(栈)区别
简单的可以理解为: heap:是由malloc之类函数分配的空间所在地。地址是由低向高增长的。 stack:是自动分配变量,以及函数调用的时候所使用的一些空间。地址是由高向低减少的。 注:何为高地址,何为低地址呢?(以32位系统为例) 就是存储的时候越靠近0xfffffffff那么地址就越高,越靠近0x000000,地址也就越低,如下图所示: 首先我们要知道我们C程序映像中
999 0
QTQuick控件基础(2)
import QtQuick 2.2import QtQuick.Controls 1.2import QtQuick.Window 2.1ApplicationWindow {    visible: true    width: 640    height: 480    title: qsTr...
795 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,大概有三种登录方式:
2756 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10210 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
11380 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
21584 0
QTQuick控件基础(1)
一、ItemQtQuick所有的可视项目都继承自Item,它定义了可视化项目所有通用特性(x\y\width\height\anchors等)具体包括 1、作为容器 2、不透明性 没有设置opacity属性 设置了opacity属性为0.5 当然也可以这样写 3、visible属性用来设置项目是否可见。
851 0
+关注
禾路
图像处理工程师,专注图像处理多年,长期奋斗在图像增强、识别一线。实战经验丰富,研究开发的连铸体拼接算法、人脸美化算法、红外线血管增强识别系统、中药识别系统、石材大板识别系统等均已投入使用。对opencv有着深入理解和解析,以jsxyhelu账号参与OpenCV项目。
270
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载