QML界面控件加载顺序

QML在界面加载时的顺序和我们认知的有很大的不同有时候会对我们获取参数以及界面实现造成很大的困扰

1、加载顺序

World)Component.onCompleted:{console.log(Window

success)

{Component.onCompleted:{console.log(Item

success)

Text.AlignHCenterverticalAlignment:

qsTr(text)Component.onCompleted:{console.log(text

success)

1}}Component.onCompleted:{console.log(Repeater

success)

6}}Component.onCompleted:{console.log(Row

success)

5}}Component.onCompleted:{console.log(Rectangle

success)

inputPanel.activePropertyChanges

{target:

inputPanel.height}}transitions:

Transition

Easing.InOutQuad}}}Component.onCompleted:{console.log(InputPanel

success)

由于Repeater中重复的控件是最先被加载的所以如果在加载的时候给控件赋初值而这个值又是从C端获取的参数这时能否赋值成功取决于从C获取参数的方式如下第一种方式可以第二种就会有问题

1导入c的Object模块实例化类对象参数类成员变量在类的定义中使用

Q_PROPERTY

声明过。

qml在任何时候调用被Q_PROPERTY宏修饰过参数都是不影响的

类定义

的参数就要注意了函数调用的时机就尤为重要必须在控件加载前调用如下

Qml导入模块调用函数获取返回值

根据加载顺序这个时候在加载repeater的时候如果调用返回值的话就会调用失败

但如果将

通过函数获取的C参数绑定到一个变量上qml通过变量来获取C参数的话也是可以的。

如下

二、QML界面显示顺序

qml会先将界面中的控件加载完成再显示加载的顺序并不是界面的显示顺序界面显示的顺序是由上到下的

如下代码实现一个点击编辑框后弹出键盘同时整个界面整体往上推将编辑框显示在键盘外面以至不被键盘隐藏住

子界面会先显示出来title后显示当然人眼肯定是看不出来显示顺序的。

如果想实现点击编辑框弹出键盘同时将子界面往上移但又不能超过title的功能就需要将title放置在子界面的下面或将title的z调高因为键盘往上推的时候实际是改变了子界面的y那么在改变后重新显示的时候如果title与子界面有了重叠按照显示顺序title要是在上面就会被子界面覆盖掉看着是被一起往上推了实则是被覆盖住了