property var controlWindow: Window {
id: mainWindow
visible: true
x: 0
y: 0
width: 1280
height: (800 + 1) // Addressing the screen flicker related to the Combobox elements
...
TabView {
id: tabView
z: -1
anchors.fill: parent
anchors.topMargin: 40
frameVisible: false
Layout.minimumWidth: 1280
Layout.minimumHeight: 800
Layout.preferredWidth: 1280
Layout.preferredHeight: 800
Component.onCompleted: {
console.log( "tabView.onCompleted, visible: ", visible, ", enabled: ", enabled)
console.log( "x: ", x, ", y: ", y, ", width: ", width, ", height: ", height, ", parent width: ", parent.width, ", parent height: ", parent.height)
}
Tab {
id: systemConfigTab
title: qsTr( "System Management")
source: "systemConfig.qml"
}
Tab {
id: clientTab
title: qsTr( "Client")
source: "clientForm.qml"
}
...
}
}
property var controlWindow: Window {
id: mainWindow
visible: true
x: 0
y: 0
width: 1280
height: (800 + 1) // Addressing the screen flicker related to the Combobox elements
...
TabView {
id: tabView
z: -1
anchors.fill: parent
anchors.topMargin: 40
frameVisible: false
Layout.minimumWidth: 1280
Layout.minimumHeight: 800
Layout.preferredWidth: 1280
Layout.preferredHeight: 800
Component.onCompleted: {
console.log( "tabView.onCompleted, visible: ", visible, ", enabled: ", enabled)
console.log( "x: ", x, ", y: ", y, ", width: ", width, ", height: ", height, ", parent width: ", parent.width, ", parent height: ", parent.height)
}
Tab {
id: systemConfigTab
title: qsTr( "System Management")
source: "systemConfig.qml"
}
Tab {
id: clientTab
title: qsTr( "Client")
source: "clientForm.qml"
}
...
}
}
To copy to clipboard, switch view to plain text mode
The content of systemConfig.qml is defined as follows:
ScrollView {
id: systemConfigItem
Item {
x: 44
y: 31
width: 818
height: 630
TabView {
id: systemConfigTabView
width: systemConfigItem.width
height: systemConfigItem.height
z: -1
anchors.fill: parent
Layout.minimumWidth: systemConfigItem.width
Layout.minimumHeight: systemConfigItem.height
Layout.preferredWidth: systemConfigItem.width
Layout.preferredHeight: systemConfigItem.height
frameVisible: true // the TabView frame is visible to get a visual reference; otherwise should be false
Tab {
id: backupTab
title: qsTr( "Backup")
source: "backupForm.qml"
}
Tab {
id: userManagementTab
title: qsTr( "User Management")
source: "userManagementForm.qml"
}
Component.onCompleted: {
console.log( "tabView.onCompleted, visible: ", visible, ", enabled: ", enabled)
console.log( "x: ", x, ", y: ", y, ", width: ", width, ", height: ", height, ", parent width: ", parent.width, ", parent height: ", parent.height)
}
}
}
}
ScrollView {
id: systemConfigItem
Item {
x: 44
y: 31
width: 818
height: 630
TabView {
id: systemConfigTabView
width: systemConfigItem.width
height: systemConfigItem.height
z: -1
anchors.fill: parent
Layout.minimumWidth: systemConfigItem.width
Layout.minimumHeight: systemConfigItem.height
Layout.preferredWidth: systemConfigItem.width
Layout.preferredHeight: systemConfigItem.height
frameVisible: true // the TabView frame is visible to get a visual reference; otherwise should be false
Tab {
id: backupTab
title: qsTr( "Backup")
source: "backupForm.qml"
}
Tab {
id: userManagementTab
title: qsTr( "User Management")
source: "userManagementForm.qml"
}
Component.onCompleted: {
console.log( "tabView.onCompleted, visible: ", visible, ", enabled: ", enabled)
console.log( "x: ", x, ", y: ", y, ", width: ", width, ", height: ", height, ", parent width: ", parent.width, ", parent height: ", parent.height)
}
}
}
}
To copy to clipboard, switch view to plain text mode
Finally, a partial definition of the content of userManagementForm.qml is as follow:
ScrollView {
id: userManagementView
Component.onCompleted: {
console.log( "userManagementView.ScrollView.Component.onCompleted(): parent width: ", parent.width, ", parent height: ", parent.height)
console.log( "width: ", width, ", height: ", height)
}
Item {
id: userManagement
anchors.left: parent.left
anchors.leftMargin: 8
anchors.top: parent.top
anchors.topMargin: 8
Component.onCompleted: {
console.log( "userManagement.Item.Component.onCompleted(): parent width: ", parent.width, ", parent height: ", parent.height)
console.log( "width: ", width, ", height: ", height, ", horizScaleFactor:", horizScaleFactor, ", vertScaleFactor: ", vertScaleFactor)
console.log( "userManagementView.width: ", userManagementView.width, ", userManagementView.height: ", userManagementView.height)
}
SplitView {
id: userMgmtSplitView
width: userManagement.width
height: userManagement.height
orientation: Qt.Horizontal
z: 2
Component.onCompleted: {
console.log( "userMgmtSplitView.SplitView.Component.onCompleted(): visible: ", visible, ", enabled: ", enabled)
console.log( "width: ", width, ", height: ", height, ", parent width: ", parent.width, ", parent height: ", parent.height)
}
Item {
id: userMgmtItem1
width: ((parent.width / 3) - 20) * horizScaleFactor
height: (parent.height - 20) * vertScaleFactor //200
Layout.maximumWidth: ((parent.width / 3) - 20) * horizScaleFactor
Component.onCompleted: {
console.log( "userMgmtSplitView.userMgmtItem1.Component.onCompleted(): visible: ", visible, ", enabled: ", enabled)
console.log( "width: ", width, ", height: ", height, ", parent width: ", parent.width, ", parent height: ", parent.height)
}
...
}
...
}
}
}
ScrollView {
id: userManagementView
Component.onCompleted: {
console.log( "userManagementView.ScrollView.Component.onCompleted(): parent width: ", parent.width, ", parent height: ", parent.height)
console.log( "width: ", width, ", height: ", height)
}
Item {
id: userManagement
anchors.left: parent.left
anchors.leftMargin: 8
anchors.top: parent.top
anchors.topMargin: 8
Component.onCompleted: {
console.log( "userManagement.Item.Component.onCompleted(): parent width: ", parent.width, ", parent height: ", parent.height)
console.log( "width: ", width, ", height: ", height, ", horizScaleFactor:", horizScaleFactor, ", vertScaleFactor: ", vertScaleFactor)
console.log( "userManagementView.width: ", userManagementView.width, ", userManagementView.height: ", userManagementView.height)
}
SplitView {
id: userMgmtSplitView
width: userManagement.width
height: userManagement.height
orientation: Qt.Horizontal
z: 2
Component.onCompleted: {
console.log( "userMgmtSplitView.SplitView.Component.onCompleted(): visible: ", visible, ", enabled: ", enabled)
console.log( "width: ", width, ", height: ", height, ", parent width: ", parent.width, ", parent height: ", parent.height)
}
Item {
id: userMgmtItem1
width: ((parent.width / 3) - 20) * horizScaleFactor
height: (parent.height - 20) * vertScaleFactor //200
Layout.maximumWidth: ((parent.width / 3) - 20) * horizScaleFactor
Component.onCompleted: {
console.log( "userMgmtSplitView.userMgmtItem1.Component.onCompleted(): visible: ", visible, ", enabled: ", enabled)
console.log( "width: ", width, ", height: ", height, ", parent width: ", parent.width, ", parent height: ", parent.height)
}
...
}
...
}
}
}
To copy to clipboard, switch view to plain text mode
In this phase of development, I am using
Bookmarks