Multi Screen QML App

mashinapetro

Hello all!

I have a problem with my app.
My application consist of some screens, each of wich is "highweight" - he has a lot of media (images and video). My target platforms are tablets and phones.
I have troubles with my app structure: i have some qml for screen, and main qml.
I tried the following (for example)
main.qml:

@
Item {
id: root;

Screen1 {
id: screen1
visible: true
...
}

Screen2 {
id: screen2
visible: false
...
}

Screen3 {
id: screen3
visible: false
...
}

}
@

I read, it's not right way, because in current moment some screens are unused.
If i make it using Loader element, app is very slow in phone, I think, loading media is reason for it.
Can you propose right app structure for this task?
Thank you!

p3c0

Hi,

How about using a "StackView":http://qt-project.org/doc/qt-5/qml-qtquick-controls-stackview.html ?
You can load your Screens1 ... n whenever required.
Here's a working "example":https://qt-project.org/doc/qt-5/qtquickcontrols-touch-example.html.