多级窗口可以通过动态组件进行实现,也可以通过loader加载。
然而,在此要注意窗口显示、隐藏的顺序;
1、当窗口层级为主窗口 - 子窗口A --- 子窗口B;
这种模式, A是B的父窗口,那么在进行显示时,必须先显示A,在显示B, 同时,在隐藏时,要先隐藏B,在隐藏A,如果先隐藏了A,再隐藏B,就会出现主窗口自动最小化到
状态栏的现象:
如果将主窗口传入A内,在动态创建B,同时指定B的父窗口为主窗口,那么在子窗口A关闭,而B隐藏的状态时,会出现B突然又显示出来了,而A正常关闭;
正确的做法是将A,B作为同级窗口,同时以主窗口作为父窗口,通过信号进行控制两个窗口的相关显示、隐藏关系;
main.qml
import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 1.3
Window {
id: windows;
visible: true
width: 640
height: 480
title: qsTr("Hello World")
property var child; Button{
id: test;
width: 70;
height: 30;
onClicked: test1.open();
} Test1{
id: test1;
visible: false;
onShowTest:{
child.open();
this.close();
}
} Connections{
target: child;
onGotoPre:{
test1.open();
child.close();
}
} Component.onCompleted:{
var comp = Qt.createComponent("qrc:/TestComp.qml");
if( comp.status === Component.Ready)
{
child = comp.createObject(windows);
}
}
}
Test1.qml
import QtQuick 2.0
import QtQuick.Window 2.2
import QtQuick.Controls 1.3
Window {
id: test;
width: 300;
height: 200;
visible:false;
signal showTest();
property var parentDlg; Button{
id: testButton;
text:"click me";
onClicked:{
showTest();
}
} function open()
{
test.visible = true;
} function close()
{
test.visible = false;
} }
TestComp.qml
import QtQuick 2.0
import QtQuick.Window 2.2
import QtQuick.Controls 1.3
Window {
id: testcomp;
width: 200;
height: 200;
signal gotoPre();
Column{
Rectangle{ width: 100;
height: 100;
color:"red";
} Button{
width: 70;
height: 30;
text: "回到上一页"
onClicked:{
gotoPre();
}
} } function open()
{
testcomp.visible = true;
} function close()
{
testcomp.visible = false;
}
}