QML changement de point de vue sur Cliquez sur

je suis en train de travailler sur un projet avec mon équipe.
Mon travail consiste à créer une interface graphique avec QML et C++ pour un Système Embarqué.

J'ai pour chaque Affichage d'un fichier qml.

Mais maintenant, je veux naviguer entre eux.
Ce que cela signifie quand je clique sur un Bouton, l'affichage devrait passer.
Chaque Affichage ont un bouton de retour, afin que je puisse revenir à ma Vue Principale.

Est-ce possible dans qml?
Si je pas de le résoudre avec c++

OriginalL'auteur demonking | 2012-09-26

c++qml qt

12

Vous pouvez créer une classe dérivant de QDeclarativeView en C++ et utiliser:
```
void setSource ( const QUrl & url )
```
pour modifier le fichier qml qui est actuellement affichée. Vous pouvez que d'appeler cette méthode à plusieurs reprises lorsqu'on clique sur un bouton.

Il y a aussi une solution à l'aide de QML. Jetez un oeil à la Chargeur élément:
```
 import QtQuick 1.0
 Item {
   width: 200; height: 200

   Loader { id: pageLoader }

   MouseArea {
     anchors.fill: parent
     onClicked: pageLoader.source = "Page1.qml"
   }
 }
```
Grâce JuliusG pour votre réponse, mais je pense qu'avec votre version il devrait y avoir dans chaque Vue d'un Chargeur? Ou lorsque le pageloader sais que je veux dire?
Vous n'avez pas besoin d'ajouter un Chargeur pour chaque fichier. Ses assez pour avoir l'un des principaux qml avec un Chargeur et vous pouvez modifier son contenu à chaque fois qu'un bouton est cliqué dans chaque vue. Pour transmettre des données chargé de la vue principale qml vous pouvez appeler une méthode d'un objet dans la main.
Merci je l'ai testé 🙂 Mais je pense que le QDeclarativeView devrait être bon pour moi
Merci une tonne @JuliusG votre commentaire a sauvé ma journée

OriginalL'auteur JuliusG
10

Une autre option est d'avoir un principal qml où vous instancier ces qml points de vue, et vous changerez d'entre eux à l'aide des états.
```
Main {
  View1{id:viewid1}
  View2{id:viewid2}
  View3{id:viewid3}
  states: [
    State {
        name: ""
    },
    State {
        name: "view1"
        PropertyChanges {target: viewid1; state: "focused"}
    },
    State {
        name: "view2"
        PropertyChanges {target: viewid2; state: "focused"}
     ...
    }
  ]
}
```
La différence entre ces options et l'une déjà présenté, c'est que celui-ci est permanent, et les autres charges de votre QML à chaque fois (ce qui signifie que l'analyse et l'instanciation...).

Merci pour votre réponse 🙂 Mais j'ai utilisé JuliusGs réponse, mais les vôtres ont l'air bien trop
Une autre différence entre cette solution et @JuliusG 's solution est que cette solution instancie toutes les QML au démarrage, tandis que sa solution ne instancie chaque QML page lorsque la source est modifié. Cela pourrait être utile ou nuisible, selon les besoins de votre application.

OriginalL'auteur kikeenrique

Un exemple de plus

import QtQuick 2.1
import QtQuick.Controls 1.1
import QtQuick.Window 2.1

ApplicationWindow {
    title: qsTr("My super app")
    width: 640
    height: 480

    Button {
        id: settingsButton
        x: 370
        y: 0
        text: qsTr("Settings")
        /* just change `visible` property by click */
        onClicked: {
            statusView.visible     = false
            settingsView.visible   = true
        }
    }

    Button {
        id: statusButton
        x: 171
        y: 0
        text: "Status"
        /* toggle */
        onClicked: {
            statusView.visible     = true
            settingsView.visible   = false
        }
    }

    Item {
        /* use id for access */
        id: statusView
        x: 0
        y: 50
        width: 640
        height: 430
        /* visible: true */

        Text {
            anchors.centerIn: parent
            text: "status"
        }
    }

    Item {
        id: settingsView
        x: 0
        y: 50
        width: 640
        height: 430
        /* invisible */
        visible: false

        Text {
            anchors.centerIn: parent
            text: "settings"
        }
    }
}

Merci! Le plus pragmatique 🙂

OriginalL'auteur Ivan Black

Vous devez vous connecter pour publier un commentaire.