QTQuick控件基础(1)

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

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

三、Text
可以按照常用的方式,也可以以html的方式
508489-20180213202458062-164686772.png
1、颜色,有两种表示颜色的方法
508489-20180213202500546-1926870499.png

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

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

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

八、timer
实时获得当前时间
508489-20180213202515812-1904006107.png





评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值