QML - как я могу получить ComboBox.currentтекст из другого компонента?

Question 1

Я только начал изучать qml и у меня возник вопрос о том, как получить ComboBox.currentText из другого компонента.

пример кода:

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
          }
       }
    }
}

-> Мне нужно получить выбранный элемент списка из списка в настройках страницы и использовать его в компоненте с идентификатором: LastPage

Любая помощь будет очень признательна

Question 2

На самом деле я понятия не имею, какие элементы вы здесь используете (приложение, панель навигации и т.д.), Но в целом структура может быть следующей:

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"
                }
            }
        }
    }
}

То element1 зависит от некоторого свойства его родительского/верхнего элемента, который всегда находится в области. Эта конструкция называется property bindings в QML и может быть сделано несколькими способами (например, с помощью привязки, хорошо подходит для динамических элементов ). То element2 также может получить доступ/изменить свойство и, таким образом, изменить его element2 немедленно влияет element1. Это также решает проблему, когда вы хотите получить доступ element1 из root и element1 не входит в область действия, или не существует, или что-то еще, что приведет к сбою вашего приложения в этом случае.

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

На самом деле я понятия не имею, какие элементы вы здесь используете (приложение, панель навигации и т.д.), Но в целом структура может быть следующей:

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"
                }
            }
        }
    }
}

То element1 зависит от некоторого свойства его родительского/верхнего элемента, который всегда находится в области. Эта конструкция называется property bindings в QML и может быть сделано несколькими способами (например, с помощью привязки, хорошо подходит для динамических элементов ). То element2 также может получить доступ/изменить свойство и, таким образом, изменить его element2 немедленно влияет element1. Это также решает проблему, когда вы хотите получить доступ element1 из root и element1 не входит в область действия, или не существует, или что-то еще, что приведет к сбою вашего приложения в этом случае.

Window здесь это не имеет значения, я просто хотел показать концепцию, рабочий пример

QML - как я могу получить ComboBox.currentтекст из другого компонента?

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории