QML - comment puis-je obtenir comboBox.currentText à partir d'un autre composant?

Question 1

J'ai juste commencé à apprendre le qml et avez une question sur la façon d'obtenir la zone de liste déroulante.currentText à partir d'un autre composant.

exemple de code:

App {
    id: app
    width: px(250); height: px(250)

    NavigationStack {
        Page {
            id: page
            navigationBarHidden: true
            AppText { text: "startpage" }
            SimpleButton{
                x: 220; y: 0; onClicked: page.navigationStack.push(settingsPage)
            }
            AppText {
                x: 0; y: 50; text: "text " + comboBox1.currentText
            }
        }
    }

    Component {
        id: settingsPage
        Page {
          navigationBarHidden: true
          AppText { text: qsTr("settings page") }
          SimpleButton{
              x: 220; y: 0; onClicked: page.navigationStack.push(lastPage)
          }

          ComboBox {
              id: comboBox1
              currentIndex: 0
              x: 10; y: 40
              style: ComboBoxStyle {
                  label: Text {
                      text: control.currentText
                  }
              }
              model: ListModel {
                  ListElement { text: "green" }
                  ListElement { text: "dark-green" }
                  ListElement { text: "blue" }
              }
          }

          AppText {
              x: 0; y: 90; text: "text " + comboBox1.currentText
          }
        }
    }

    Component {
        id: lastPage
        Page {
          navigationBarHidden: true
          AppText { text: qsTr("last page") }
          SimpleButton{
              x: 220; y: 0; onClicked: page.navigationStack.push(page)
          }
          AppText {
              x: px(50); y: px(90); text: "text " + comboBox1.currentText
          }
       }
    }
}

-> J'ai besoin d'obtenir sélectionnés Listelement de la zone de liste déroulante dans settingspage et de l'utiliser dans l'élément avec l'id: lastPage

Toute aide serait grandement appréciée

Question 2

En fait, je n'ai aucune idée de ce que sont les éléments que vous utilisez ici (App, NavigationStack etc.) mais, en général, la structure peut être comme suit:

Window {
    visible: true   
    width: 400
    height: 300
    id: root
    property color someColor: "green"

    Row {
        id: element1
        anchors.centerIn: parent
        Rectangle {
            width: 100
            height: 100
            color: root.someColor
        }

        Rectangle {
            id: element2
            width: 100
            height: 100
            color: "yellow"
            MouseArea {
                anchors.fill: parent
                onClicked: {
                    root.someColor = "blue"
                }
            }
        }
    }
}

L' element1 dépend de certaines propriétés de son parent/premier élément que toujours dans le champ d'application. Cette construction est appelée property bindings en QML et peut être fait de plusieurs façons (par exemple à l'aide de la Liaison, de la bonne dynamique des éléments ). L' element2 aussi peut accéder/modifier la propriété, et ainsi de changement de element2 affecte immédiatement element1. Qui résout également un problème lorsque vous souhaitez accéder element1 à partir de la root et element1 pas dans le champ d'application, ou n'existe pas ou que ce soit d'autre qu'un crash de l'application dans ce cas.

folibis · Answer 1 · 2021-11-17T11:29:59

En fait, je n'ai aucune idée de ce que sont les éléments que vous utilisez ici (App, NavigationStack etc.) mais, en général, la structure peut être comme suit:

Window {
    visible: true   
    width: 400
    height: 300
    id: root
    property color someColor: "green"

    Row {
        id: element1
        anchors.centerIn: parent
        Rectangle {
            width: 100
            height: 100
            color: root.someColor
        }

        Rectangle {
            id: element2
            width: 100
            height: 100
            color: "yellow"
            MouseArea {
                anchors.fill: parent
                onClicked: {
                    root.someColor = "blue"
                }
            }
        }
    }
}

L' element1 dépend de certaines propriétés de son parent/premier élément que toujours dans le champ d'application. Cette construction est appelée property bindings en QML et peut être fait de plusieurs façons (par exemple à l'aide de la Liaison, de la bonne dynamique des éléments ). L' element2 aussi peut accéder/modifier la propriété, et ainsi de changement de element2 affecte immédiatement element1. Qui résout également un problème lorsque vous souhaitez accéder element1 à partir de la root et element1 pas dans le champ d'application, ou n'existe pas ou que ce soit d'autre qu'un crash de l'application dans ce cas.

Window n'a pas d'importance ici, je voulais juste montrer le concept, un exemple de travail

QML - comment puis-je obtenir comboBox.currentText à partir d'un autre composant?

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie