欢迎光临散文网 会员登陆 & 注册

Qt Quick UI(qml) 教程 第四章:可视部件Item

2023-02-17 16:42 作者:一朝俯首拜月明  | 我要投稿

提到可视部件必须先了解Item类型

Item是Qt Quick中==所有可视项目==的基本类型。


==Qt Quick中的所有可视化项目都继承自Item。==

尽管Item对象没有可视外观.但它定义了==可视项中常见的所有属性==,例如x和y位置、宽度和高度、锚定和键处理支持。

继承于Item类的对象有如下

AnimatedSprite, BorderImage, Canvas, Column, ColumnLayout, Flickable, Flipable, Flow, FocusScope, Grid, GridLayout, Image, Loader, MouseArea, MultiPointTouchArea, ParticlePainter, PathView, PinchArea, Rectangle, Repeater, Row, RowLayout, ShaderEffect, ShaderEffectSource, Shape, SpriteSequence, StackLayout, Text, TextEdit, TextInput

**Item类型对于在单个根可视项下对多个项进行分组非常有用。例如:

Item常用属性讲解**

属性目录

  1. clip

  2. opacity 

  3. rotation 

  4. scale 

  5. states

  6. visible

  7. enabled

  8. x

  9. y

  10. z

  11. width

  12. height

1.clip:bool

clip通俗可以理解为是否显示超出自身大小的内容,默认为false显示,为true不显示**例如下方代码,子对象矩形的宽高已超过父对象Item的宽高这时候我们运行代码查看效果

接下来我们设置cliptrue

可以看到设置clip后超出 Item 宽高的部分已经不可见了**

2.opacity : real

**opacity属性是控制组件的透明度,设置范围为0.0-1.0之间的浮点数,默认为1.0完全可见.设置为0则完全不可见!

3.rotation : real

rotation属性控制着组件围绕着中心顺时针旋转的角度. 默认为0

4.scale : real

scale 属性控制着组件的缩放大小. 默认为1不进行缩放

属性值大于 1 则放大组件

属性值小于 1 则缩小组件

5.states : list

states 则保存则组件的状态列表, 通过state可以进行控制组件状态!

本章内容暂不详细讲解,后续在单独进行讲解!

6.visible : bool

visible 控制着组件的可见性!,默认为true true:显示组件  false:不显示组件


7.enabled : bool

enabled 控制组件是否可以接受鼠标键盘的事件, 默认为true true:允许 false:不允许

8.x : real

x 设置相对父对象的x坐标


9. y: real

y 设置相对父对象的y坐标

10. Z:real

设置同级项的堆叠顺序。缺省情况下,堆叠顺序为0。简单来说相当于图层的概念默认都是0





11. width : real

width 设置宽度


12. height: real

height 设置高度


Qt Quick UI(qml) 教程 第四章:可视部件Item的评论 (共 条)

分享到微博请遵守国家法律