QML Loader

[scgrant327]

In my mobile app, I want to load a 'default' page from my main.cpp:

X.engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

X.engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

To copy to clipboard, switch view to plain text mode 

I use my main.qml as a 'container' for all the pages of my app. Right now, I have them all defined in main.qml:

Rectangle {
        id: winRect
        visible: true
        anchors.right: parent.right
        anchors.left: parent.left
        anchors.top: header.bottom
        anchors.bottom: footer.top
        color: "black"
 
        MainWin {
            id: mainWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }
 
        InfoWin {
            id: infoWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }
 
        SettingsWin {
            id: settingsWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }
 
        FileInfoWin {
            id: fileInfoWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }
 
        BusyWin {
            id: busyWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }
 
        ErrorWin {
            id: errorWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }
    }

Rectangle {
        id: winRect
        visible: true
        anchors.right: parent.right
        anchors.left: parent.left
        anchors.top: header.bottom
        anchors.bottom: footer.top
        color: "black"

        MainWin {
            id: mainWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }

        InfoWin {
            id: infoWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }

        SettingsWin {
            id: settingsWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }

        FileInfoWin {
            id: fileInfoWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }

        BusyWin {
            id: busyWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }

        ErrorWin {
            id: errorWin
            anchors.fill: parent
            visible: false;
            z: 0;
        }
    }

To copy to clipboard, switch view to plain text mode 

Then, later, via JavaScript, I 'show' the desired page by setting all 'visible' to false, then to true on the correct page. This all works fine...but causes a really slow startup time on iOS. I believe it is due to ALL my sub-pages being loaded at boot-time.

My question is... How can I use a Loader to load each page on demand, but still be able to access the attributes of each page when it is not loaded? For instance, I have Speed and Heading that get updated on two different pages every second or so. If a page is not "loaded" by the Loader, how can I update it's attributes?

IF that is not possible, then how can I detect when a page has fully loaded? As I understand it, the OnCompleted signal does not necessarily fire AFTER a component has been fully loaded.

--Sam

[anda_skoa]

The Loader has an onLoaded signal.

You can also use a Binding element to create bindings to the loaded item's properties.
Or you let the page content elements bind to the source directly.

Cheers,
_