常用属性
属性 | 作用 | 描述 |
---|---|---|
id | 标识符 | 标识对象,必须唯一,可以省略 |
x、y | 位置 | |
width | 宽度 | |
height | 高度 | |
z | 层级顺序 | 默认值是0:当不设置这个值的时候(或者两个元素的属性z值都相同时),默认是,后面一个在前面一个的上面(子元素在父元素的上面),所以可以通过改变z属性值来设置两个元素的层次,值越大,越处于上层 |
visible | 是否显示 | |
scale | 缩放 | 设置元素缩放大小,默认值为1;scale值大于1时,显示的大小比正常大;scale值小于1时,显示的大小比正常小;当scale值等于0时,元素不可见,效果类似于(visible: false;);当scale值为负值时,相当于元素旋转了180度再缩放(此时相当于rotation: 180;);scale一般是配合属性transformOrigin一起使用的 |
transfromOrigin | 基点描述 | 描述一个基点,然后元素可以基于此基点来缩放(scale属性)和旋转(rotation属性),默认基点是Item.Center,即元素的中心点 |
rotation | 旋转 | 设置元素旋转的角度,默认元素是不旋转的,默认值为0;旋转基点也是取自transformOrigin的值 |
opacity | 透明度 | 设置元素是否透明,取值范围0~1,默认值是1,不透明;值越小越透明,值越大越不透明;这个属性是可继承的,也就是说如果父元素的opacity属性设置了某个值,则子元素默认的opacity属性的值即为父元素opacity属性的值 |
activeFocus | 聚焦状态 | 描述当前元素是否处于被聚焦的状态(可以接受键盘输入),只读属性;只读属性意味着不能显示地设置该属性,例如在Item中设置了activeFocus: true;那么只能在其他地方调用这个属性。那么如果显示设置元素聚焦与否呢?这就需要使用focus属性,一般focus为true的时候,activeFocus属性返回true |
focus | 聚焦 | 设置当前元素是否被聚焦;如果两个元素同时focues被设置为true,小的被聚焦(兄弟关系,弟弟聚焦;父子关系,儿子聚焦) |
state | 元素状态 | 描述元素状态;一般来讲,每个元素的基本状态都是空的,因而当设置state=''时,可以使元素返回基本状态。系统没有为元素预定于任何的state,因而可以自定义一些state,然后使元素在合适的时候改变state |
states | 所有状态 | 描述元素所具有的属性,只读属性,也就是说一旦预定义了当前元素的states,则就不允许去设置它了,states属性一般配合state属性使用 |
parent | 父元素 | 描述当前元素的父元素,一般来说,当前元素的父元素是按照层级结构来位于上层的元素,当然也可以通过设置parent属性改变当前元素的parent |
children/resources | 子元素/资源 | 这两个属性描述了当前元素的子元素和资源,都是只读属性,不能动态的设置和改变它;子元素能够可视化的元素;资源不可视化的元素 |
clip | 显示会隐藏 | 显示或隐藏子元素,clip为false时显示,clip为true时隐藏 |
锚
属性 | 作用 | 描述 |
---|---|---|
anchors.left | 左 | |
anchors.right | 右 | |
anchors.top | 顶部 | |
anchors.bottom | 底部 | |
anchors.horizontalCenter | 水平中心 | |
anchors.verticalCenter | 垂直中心 | |
anchors.baseline | 基线 | 它是一条假想的线,文本坐落在这条线上。对于没有文本的项目它与top相同 |
anchors.centerIn | 中心 | 相当于同时设置了水平中心和垂直中心 |
anchors.fill | 当前元素填充到其他元素中 | |
anchors.margins | 上下左右四个边距 | 元素上下左右四个边距(同等距离),需要先设置好anchors.top,anchors.bottom, anchors.left和anchors.right属性的值。如果元素只元设置了anchors.top,那只有上边距起作用 |
anchors.topMargin | 上边距 | |
anchors.bottomMargin | 下边距 | |
anchors.leftMargin | 左边距 | |
anchors.rightMargin | 右边距 | |
anchors.horizontalCenterOffset | 水平中心偏移 | 可以为浮点数 |
anchors.verticalCenterOffset | 垂直中心便宜 | 可以为浮点数 |
anchors.baselineOffset | 基线偏移 | 可以为浮点数 |