best practices when switching windows

clarity

I'm developing an application that's not too big, but it has multiple screens.

What are the ways of switching between screens, and what's the best practices?

This is a vague question, and I'm not expecting code samples. I can google the docs for that.

Thanks!
Ryan

Chris Kawa

I'm not sure what you mean by "screens", but you can take a look at QTabWidget or QStackedWidget. If it's something like a wizard take a look at QWizard.

clarity

@Chris-Kawa What I mean by screens is different windows. For example, I'm working on a block explorer for an alt coin (similar to bitcoin). I want to have one screen where it lists the blocks (integers), and when you click on it, it opens up a new window where you can see the transactions. I don't know if it just looks like a new window, and I'm actually changing what's in the window, or if it's actually a new window created.

I have some code written in javascript/qml that i'll share that's badly written:
Component {
id: gridComp
Row {
Text {
text: blocknum + " "

            MouseArea {
                anchors.fill: parent
                onClicked: {
                    list.currentIndex = index
                    var component = Qt.createComponent("qrc:/detail.qml")
                    var window    = component.createObject(mainWindow)
                    window.show()
                    mainWindow.hide()
                }
            }

        }
        Text {
            text: time + " "
        }
    }
}

The problem with this is that overtime I click the blocknum it creates a new window, so that's not ideal. I can click it 100 times, and it'll create 100 different windows.

Thanks!
Ryan

clarity

I implemented the window change using a Layout. However, I'm not sure if this is the best approach.

Here's the code:

blocks.qml:
import QtQuick 2.0
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.2
import QtQuick.Dialogs 1.2

Item {
ColumnLayout {
id: mainLayout
anchors.fill: parent
anchors.margins: margin

    Text {
        //id: tophead
        text: mc.blockheight
    }

    ListView {
        id: list
        model: mc
        Layout.fillHeight: true
        delegate: gridComp

        highlight: Rectangle {
             color: 'grey'
        }

        focus: true

        Keys.onPressed: {
            var pageDown = currentIndex+10;
            var pageUp = currentIndex-10;
            if (event.key === Qt.Key_PageDown && event.modifiers === Qt.NoModifier) {
                currentIndex = pageDown >= count ? count-1 : pageDown;
                event.accepted = true;
            }
            if (event.key === Qt.Key_PageUp && event.modifiers === Qt.NoModifier) {
                currentIndex = pageUp < 0 ? 0 : pageUp;
                event.accepted = true;
            }
        }

    }
}

Component {
    id: gridComp
    Row {
        Text {
            text: blocknum + " "

            MouseArea {
                anchors.fill: parent
                onClicked: {
                    list.currentIndex = index;

                    /*
                    var component = Qt.createComponent("qrc:/detail.qml")
                    var window    = component.createObject(mainWindow)
                    window.show()
                    mainWindow.hide()
                    */

                    ld.setSource("detail.qml")
                }
            }
        }
        Text {
            text: time + " "
        }
    }
}

}

detail.qml:
import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.2
import QtQuick.Dialogs 1.2

Item {
id: detailWindow
visible: true

ColumnLayout {
    Text {
        text: "detail.qml"
    }

    Button {
        text: "Back"

        onClicked: {
            ld.source = "blocks.qml"
        }
    }
}

}

main.qml:
import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.2
import QtQuick.Dialogs 1.2

ApplicationWindow {
id: mainWindow
visible: true
width: 640
height: 480
title: qsTr("Block Explorer")

Loader {
    id: ld
    anchors.fill: parent
    source: "blocks.qml"
}

}

Thanks,
Ryan