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
目录
相关文章
|
C# 索引 Windows
Winform控件优化之TabControl控件的使用和常用功能
TabControl是一个分页切换(tab)控件,不同的页框内可以呈现不同的内容,将主要介绍调整tab的左右侧显示、设置多行tab、禁用或删除tabpage、隐藏TabControl头部的选项卡等
4984 0
Winform控件优化之TabControl控件的使用和常用功能
|
C# 容器
Winform控件优化之TabControl控件的美化和功能扩展
在基本的TabControl控件使用和功能之上,可以尝试对其进行美化和功能扩展,比如动态删除或添加tab、绘制图标按钮及鼠标hover时的背景变化、Tab从右向左布局的优化处理等。最重要...
2693 0
Winform控件优化之TabControl控件的美化和功能扩展
|
C#
WPF整理-为控件添加自定义附加属性
原文:WPF整理-为控件添加自定义附加属性 附加属性,大家都不陌生,最常见的是Canvas.Left/Canvas.Top,类似的也有Grid.Row/Grid.Column等附加属性。举个最常见的例子 需要说明的是并不是所有的附加属性都是元素放进去后才会有附加效果,上面的例子只是刚好是这种错觉的巧合情况,Grid.Row也属于这种巧合。
2122 0
|
程序员 开发工具 C语言
Qt编写自定义控件47-面板区域控件
一、前言 在很多web网页上,经常可以看到一个设备对应一个面板,或者某种同等类型的信息全部放在一个面板上,该面板还可以拖来拖去的,这个控件首次用在智能访客管理平台中,比如身份证信息一个面板,访客信息一个面板,被访人信息一个面板,这样相当于分类展示了,还提供了对应的标题栏有文字显示,这个控件的使用场景也是非常多,还有个子标题可以设置,拓展了报警闪烁的接口。
1230 0
|
存储 SQL 测试技术
【实现】表单控件的UI布局,实现方式
 一、先说一下表单控件要实现的功能吧。        1、绘制UI,包括表格(Table)的绘制,也就是TR 、TD,TR是多少行,TD是有多少列;包括子控件的控件,TextBox、DropDownList、CheckBoxList等控件的加载、描述(宽度、最大字符数、填充item)等。
1498 0
|
Android开发
QTQuick控件基础(2)
import QtQuick 2.2import QtQuick.Controls 1.2import QtQuick.Window 2.1ApplicationWindow {    visible: true    width: 640    height: 480    title: qsTr...
1014 0
QTQuick控件基础(3)视图
1、spliteview 2、stackview ApplicationWindow {visible: truewidth: 640height: 480MouseArea{anchors.fill: parentacceptedButtons: Qt.
1292 0