Михаиллл
МихаилллApril 4, 2019, 6:44 a.m.

Как в QML изменить текст лэйбла

QML, Label, text

Добрый день.
Как в QML изменить текст лэйбла?
В файле Page1Form.ui.qml прописан лэйбл

    Label {
        id: page1Label2
        x: 122
        y: 409
        width: 156
        height: 56
        text: qsTr("1 из 20")
        horizontalAlignment: Text.AlignHCenter
        font.pointSize: 20
    }

В файле Page1.qml пытаюсь изменить текст лэйбла:

    page1Button0.onClicked: //left button
    {     
        page1Label2.text = "text"   
    }

Но это не работает, компилятор говорит что page1Button0 не определен.

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Do you like it? Share on social networks!

17
Алексей Внуков
  • April 4, 2019, 6:49 a.m.

a page1Button0 существует? так уж сложилось, что при работе с QML нужно регулярно запускать qmake и пересобирать проект

    Михаиллл
    • April 4, 2019, 6:56 a.m.

    page1Button0 существует. запуск qmake не помог

      Алексей Внуков
      • April 4, 2019, 7:03 a.m.
      • (edited)

      без полного кода страниц тяжело сказать, кроме очевидного что компилятор не видит кнопку.

      п.с. по моему опыту, мне проще работать без Form, просто Page.qml, ее и в дизайнере можно открыть и так все необходимое на одной странице. как-то с формами не подружился

        Михаиллл
        • April 4, 2019, 7:25 a.m.

        Компилятор видит кнопку, но не видит лэйбел
        Вот код Page1Form.ui.qml

        import QtQuick 2.4
        import QtQuick.Controls 2.4
        
        Item {
            id: element
            width: 400
            height: 600
            property alias page1Button1: page1Button1
            property alias page1Button0: page1Button0
            property alias page1ButtonMenu: page1ButtonMenu
        
            Button {
                id: page1Button0
                x: 66
                y: 172
                width: 128
                height: 128
                //font.capitalization: Font.AllUppercase
                //display: AbstractButton.TextOnly
                //topPadding: 5
                Image {
                    id: image
                    width: 130
                    height: 130
                    anchors.topMargin: 0
                    anchors.leftMargin: 0
                    anchors.rightMargin: 0
                    anchors.bottomMargin: 0
                    anchors.fill: parent
                    source: "qrc:/images/images/close.png"
                    fillMode: Image.Stretch
                }
            }
        
            Button {
                id: page1Button1
                x: 251
                y: 172
                width: 130
                height: 130
                Image {
                    id: image1
                    width: 130
                    height: 130
                    anchors.rightMargin: 0
                    anchors.bottomMargin: 0
                    anchors.fill: parent
                    source: "qrc:/images/images/close.png"
                    fillMode: Image.Stretch
                }
            }
        
            Button {
                id: page1ButtonMenu
                x: 150
                y: 479
                text: qsTr("МЕНЮ")
                font.pointSize: 18
            }
        
            Label {
                id: page1labe0
                x: 57
                y: 47
                width: 286
                height: 33
                text: qsTr("Выберете красный цвет")
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: 22
                font.family: "Verdana"
                font.weight: Font.Thin
            }
        
            Label {
                id: page1Label1
                x: 122
                y: 340
                width: 156
                height: 56
                text: qsTr("Побед: 0%")
                font.pointSize: 20
                horizontalAlignment: Text.AlignHCenter
            }
        
            Label {
                id: page1Label2
                x: 122
                y: 409
                width: 156
                height: 56
                text: qsTr("1 из 20")
                horizontalAlignment: Text.AlignHCenter
                font.pointSize: 20
            }
            states: [
                State {
                    name: "Page1State1"
        
                    PropertyChanges {
                        target: image
                        source: "qrc:/images/images/red.png"
                    }
        
                    PropertyChanges {
                        target: image1
                        source: "qrc:/images/images/black.png"
                    }
                },
                State {
                    name: "Page1State2"
        
                    PropertyChanges {
                        target: image
                        source: "qrc:/images/images/black.png"
                    }
        
                    PropertyChanges {
                        target: image1
                        source: "qrc:/images/images/red.png"
                    }
                },
                State {
                    name: "Page1State0"
                }
            ]
        }
        
        

        вызвать пытаюсь в Page1.qml

        import QtQuick 2.4
        import QtQml 2.12
        
        Page1Form {
        
            page1Button0.onClicked: //left button
            {  
                page1Label2.text = "weg"
            }
        
            page1Button1.onClicked: //rigth button
            {
                state = "Page1State1"
            }
        
            page1ButtonMenu.onClicked:
            {
                loader.source = "Page0.qml"
            }
        
        }
        
        
          Алексей Внуков
          • April 4, 2019, 8:15 a.m.
          • (edited)
          • The answer was marked as a solution.

          добавил в форму
          property alias page1Label2: page1Label2
          и все заработало. ну или обработку клик делать на форме, тоже работать будет

          а вот если бы было все в одном файле, то можно обойтись без алиасов

            Михаиллл
            • April 4, 2019, 8:25 a.m.

            Странно, но у меня все еще не работае.
            Покажите пожалуйста ваш вариант.
            Сделал так:

                Label {
                    id: page1Label2
                    x: 122
                    y: 409
                    width: 156
                    height: 56
                    text: qsTr("1 из 20")
                    horizontalAlignment: Text.AlignHCenter
                    font.pointSize: 20
                    property alias page1Label2: page1Label2
                }
            
              Михаиллл
              • April 4, 2019, 8:35 a.m.

              Сделал так, заработало. Спасибо!

                Алексей Внуков
                • April 4, 2019, 8:43 a.m.
                • (edited)

                работать будет как так

                import QtQuick 2.4
                import QtQml 2.12
                
                Page1Form {
                
                   page1Button0.onClicked: //left button
                    {
                        page1Label2.text = "weg"
                    }
                    page1Button1.onClicked: //rigth button
                    {
                        state = "Page1State1"
                    }
                
                    page1ButtonMenu.onClicked:
                    {
                        loader.source = "Page0.qml"
                    }
                
                }
                
                
                import QtQuick 2.4
                import QtQuick.Controls 2.4
                
                
                Item {
                    id: element
                    width: 400
                    height: 600
                    property alias page1Button1: page1Button1
                    property alias page1Button0: page1Button0
                    property alias page1ButtonMenu: page1ButtonMenu
                    property alias page1Label2: page1Label2
                
                    Button {
                        id: page1Button0
                        x: 66
                        y: 172
                        width: 128
                        height: 128
                
                        Image {
                            id: image
                            width: 130
                            height: 130
                            anchors.topMargin: 0
                            anchors.leftMargin: 0
                            anchors.rightMargin: 0
                            anchors.bottomMargin: 0
                            anchors.fill: parent
                            source: "qrc:/images/images/close.png"
                            fillMode: Image.Stretch
                        }
                
                
                    }
                
                    Button {
                        id: page1Button1
                        x: 251
                        y: 172
                        width: 130
                        height: 130
                        Image {
                            id: image1
                            width: 130
                            height: 130
                            anchors.rightMargin: 0
                            anchors.bottomMargin: 0
                            anchors.fill: parent
                            source: "qrc:/images/images/close.png"
                            fillMode: Image.Stretch
                        }
                    }
                
                    Button {
                        id: page1ButtonMenu
                        x: 150
                        y: 479
                        text: qsTr("МЕНЮ")
                        font.pointSize: 18
                    }
                
                    Label {
                        id: page1labe0
                        x: 57
                        y: 47
                        width: 286
                        height: 33
                        text: qsTr("Выберете красный цвет")
                        horizontalAlignment: Text.AlignHCenter
                        font.pixelSize: 22
                        font.family: "Verdana"
                        font.weight: Font.Thin
                    }
                
                    Label {
                        id: page1Label1
                        x: 122
                        y: 340
                        width: 156
                        height: 56
                        text: qsTr("Побед: 0%")
                        font.pointSize: 20
                        horizontalAlignment: Text.AlignHCenter
                    }
                
                    Label {
                        id: page1Label2
                        x: 122
                        y: 409
                        width: 156
                        height: 56
                        text: qsTr("1 из 20")
                        horizontalAlignment: Text.AlignHCenter
                        font.pointSize: 20
                    }
                    states: [
                        State {
                            name: "Page1State1"
                
                            PropertyChanges {
                                target: image
                                source: "qrc:/images/images/red.png"
                            }
                
                            PropertyChanges {
                                target: image1
                                source: "qrc:/images/images/black.png"
                            }
                        },
                        State {
                            name: "Page1State2"
                
                            PropertyChanges {
                                target: image
                                source: "qrc:/images/images/black.png"
                            }
                
                            PropertyChanges {
                                target: image1
                                source: "qrc:/images/images/red.png"
                            }
                        },
                        State {
                            name: "Page1State0"
                        }
                    ]
                }
                
                

                так и так

                import QtQuick 2.4
                import QtQml 2.12
                
                Page1Form {
                
                    page1Button1.onClicked: //rigth button
                    {
                        state = "Page1State1"
                    }
                
                    page1ButtonMenu.onClicked:
                    {
                        loader.source = "Page0.qml"
                    }
                
                }
                
                
                import QtQuick 2.4
                import QtQuick.Controls 2.4
                
                
                Item {
                    id: element
                    width: 400
                    height: 600
                    property alias page1Button1: page1Button1
                    property alias page1Button0: page1Button0
                    property alias page1ButtonMenu: page1ButtonMenu
                   // property alias page1Label2: page1Label2
                
                    Button {
                        id: page1Button0
                        x: 66
                        y: 172
                        width: 128
                        height: 128
                
                        Image {
                            id: image
                            width: 130
                            height: 130
                            anchors.topMargin: 0
                            anchors.leftMargin: 0
                            anchors.rightMargin: 0
                            anchors.bottomMargin: 0
                            anchors.fill: parent
                            source: "qrc:/images/images/close.png"
                            fillMode: Image.Stretch
                        }
                        onClicked: page1Label2.text = "weg"
                
                
                    }
                
                    Button {
                        id: page1Button1
                        x: 251
                        y: 172
                        width: 130
                        height: 130
                        Image {
                            id: image1
                            width: 130
                            height: 130
                            anchors.rightMargin: 0
                            anchors.bottomMargin: 0
                            anchors.fill: parent
                            source: "qrc:/images/images/close.png"
                            fillMode: Image.Stretch
                        }
                    }
                
                    Button {
                        id: page1ButtonMenu
                        x: 150
                        y: 479
                        text: qsTr("МЕНЮ")
                        font.pointSize: 18
                    }
                
                    Label {
                        id: page1labe0
                        x: 57
                        y: 47
                        width: 286
                        height: 33
                        text: qsTr("Выберете красный цвет")
                        horizontalAlignment: Text.AlignHCenter
                        font.pixelSize: 22
                        font.family: "Verdana"
                        font.weight: Font.Thin
                    }
                
                    Label {
                        id: page1Label1
                        x: 122
                        y: 340
                        width: 156
                        height: 56
                        text: qsTr("Побед: 0%")
                        font.pointSize: 20
                        horizontalAlignment: Text.AlignHCenter
                    }
                
                    Label {
                        id: page1Label2
                        x: 122
                        y: 409
                        width: 156
                        height: 56
                        text: qsTr("1 из 20")
                        horizontalAlignment: Text.AlignHCenter
                        font.pointSize: 20
                    }
                    states: [
                        State {
                            name: "Page1State1"
                
                            PropertyChanges {
                                target: image
                                source: "qrc:/images/images/red.png"
                            }
                
                            PropertyChanges {
                                target: image1
                                source: "qrc:/images/images/black.png"
                            }
                        },
                        State {
                            name: "Page1State2"
                
                            PropertyChanges {
                                target: image
                                source: "qrc:/images/images/black.png"
                            }
                
                            PropertyChanges {
                                target: image1
                                source: "qrc:/images/images/red.png"
                            }
                        },
                        State {
                            name: "Page1State0"
                        }
                    ]
                }
                
                

                и вот так тоже(без Form.ui)

                import QtQuick 2.4
                import QtQuick.Controls 2.4
                
                
                Item {
                    id: element
                    width: 400
                    height: 600
                
                    Button {
                        id: page1Button0
                        x: 66
                        y: 172
                        width: 128
                        height: 128
                
                        Image {
                            id: image
                            width: 130
                            height: 130
                            anchors.topMargin: 0
                            anchors.leftMargin: 0
                            anchors.rightMargin: 0
                            anchors.bottomMargin: 0
                            anchors.fill: parent
                            source: "qrc:/images/images/close.png"
                            fillMode: Image.Stretch
                        }
                        onClicked: page1Label2.text = "weg"
                
                
                    }
                
                    Button {
                        id: page1Button1
                        x: 251
                        y: 172
                        width: 130
                        height: 130
                        Image {
                            id: image1
                            width: 130
                            height: 130
                            anchors.rightMargin: 0
                            anchors.bottomMargin: 0
                            anchors.fill: parent
                            source: "qrc:/images/images/close.png"
                            fillMode: Image.Stretch
                        }
                        onClicked:  state = "Page1State1"
                
                    }
                
                    Button {
                        id: page1ButtonMenu
                        x: 150
                        y: 479
                        text: qsTr("МЕНЮ")
                        font.pointSize: 18
                        onClicked: loader.source = "Page0.qml"
                
                    }
                
                    Label {
                        id: page1labe0
                        x: 57
                        y: 47
                        width: 286
                        height: 33
                        text: qsTr("Выберете красный цвет")
                        horizontalAlignment: Text.AlignHCenter
                        font.pixelSize: 22
                        font.family: "Verdana"
                        font.weight: Font.Thin
                    }
                
                    Label {
                        id: page1Label1
                        x: 122
                        y: 340
                        width: 156
                        height: 56
                        text: qsTr("Побед: 0%")
                        font.pointSize: 20
                        horizontalAlignment: Text.AlignHCenter
                    }
                
                    Label {
                        id: page1Label2
                        x: 122
                        y: 409
                        width: 156
                        height: 56
                        text: qsTr("1 из 20")
                        horizontalAlignment: Text.AlignHCenter
                        font.pointSize: 20
                    }
                    states: [
                        State {
                            name: "Page1State1"
                
                            PropertyChanges {
                                target: image
                                source: "qrc:/images/images/red.png"
                            }
                
                            PropertyChanges {
                                target: image1
                                source: "qrc:/images/images/black.png"
                            }
                        },
                        State {
                            name: "Page1State2"
                
                            PropertyChanges {
                                target: image
                                source: "qrc:/images/images/black.png"
                            }
                
                            PropertyChanges {
                                target: image1
                                source: "qrc:/images/images/red.png"
                            }
                        },
                        State {
                            name: "Page1State0"
                        }
                    ]
                }
                
                
                  Михаиллл
                  • April 4, 2019, 8:47 a.m.

                  Забыл код вставить.
                  При той задаче вот так заработало:

                      property alias page1Label2: page1Label2
                  
                      Label {
                          id: page1Label2
                          x: 122
                          y: 409
                          width: 156
                          height: 56
                          text: qsTr("1 из 20")
                          horizontalAlignment: Text.AlignHCenter
                          font.pointSize: 20        
                      }
                  

                  Но при попытке сделать тоже действие из Page0.qml получаю старую ошибку.
                  Скажите пожалуйста, почему опять не видно этот лэйбел?

                    Михаиллл
                    • April 4, 2019, 8:47 a.m.

                    Забыл код вставить.
                    При той задаче вот так заработало:

                        property alias page1Label2: page1Label2
                    
                        Label {
                            id: page1Label2
                            x: 122
                            y: 409
                            width: 156
                            height: 56
                            text: qsTr("1 из 20")
                            horizontalAlignment: Text.AlignHCenter
                            font.pointSize: 20        
                        }
                    

                    Но при попытке сделать тоже действие из Page0.qml получаю старую ошибку.
                    Скажите пожалуйста, почему опять не видно этот лэйбел?

                      Михаиллл
                      • April 4, 2019, 8:54 a.m.

                      Попробовал так:

                      Page1.page1Label2.text = "111 из "
                      

                      компилируется, но при переходе на страничку всегда появляется базовое значение
                      это похоже тоже странная магическая часть QML

                        Алексей Внуков
                        • April 4, 2019, 8:55 a.m.
                        • (edited)

                        еще работает такой вариант page.lable.text="some text" (page - это страница где нужный лейбл, при обрщении с одной страницы на другую, но при этом они должны быть все загружены и активны(например если в одном окне показывает сразу несколько страниц))

                        п.с. скорее всего при смене страницы через лоадер, старая страница становится недоступной. поэтому ее и не видно.

                          Михаиллл
                          • April 4, 2019, 9:01 a.m.

                          но оно еще все обнуляет при смене через лодер. никак не пойму, пока, как с этим обнулением бороться

                            Михаиллл
                            • April 4, 2019, 9:04 a.m.

                            и еще беда, в form.ui.qml почему то нельзя брать информацию из класса из с++ слоя.

                              Алексей Внуков
                              • April 4, 2019, 9:04 a.m.

                              как вариант, можно загружать несколько страниц одним пакетом, напремер через TabView, где каждый Tab нужная страница из одной группы, и через алиасы передавть значения(тогда может отпасть необходимость в лоадере). или можно передавть нужные значения в слой С++, и при загрузке новой страницы в лоадере брать данные из этого слоя

                                Алексей Внуков
                                • April 4, 2019, 9:07 a.m.

                                поэтому мне проще без форм

                                  Михаиллл
                                  • April 4, 2019, 9:08 a.m.

                                  хорошо придумано.

                                    Comments

                                    Only authorized users can post comments.
                                    Please, Log in or Sign up
                                    d
                                    • dsfs
                                    • April 26, 2024, 4:56 a.m.

                                    C ++ - Test 004. Pointers, Arrays and Loops

                                    • Result:80points,
                                    • Rating points4
                                    d
                                    • dsfs
                                    • April 26, 2024, 4:45 a.m.

                                    C++ - Test 002. Constants

                                    • Result:50points,
                                    • Rating points-4
                                    d
                                    • dsfs
                                    • April 26, 2024, 4:35 a.m.

                                    C++ - Test 001. The first program and data types

                                    • Result:73points,
                                    • Rating points1
                                    Last comments
                                    k
                                    kmssrFeb. 8, 2024, 6:43 p.m.
                                    Qt Linux - Lesson 001. Autorun Qt application under Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                                    Qt WinAPI - Lesson 007. Working with ICMP Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
                                    EVA
                                    EVADec. 25, 2023, 10:30 a.m.
                                    Boost - static linking in CMake project under Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
                                    J
                                    JonnyJoDec. 25, 2023, 8:38 a.m.
                                    Boost - static linking in CMake project under Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
                                    G
                                    GvozdikDec. 18, 2023, 9:01 p.m.
                                    Qt/C++ - Lesson 056. Connecting the Boost library in Qt for MinGW and MSVC compilers Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
                                    Now discuss on the forum
                                    G
                                    GarApril 22, 2024, 5:46 a.m.
                                    Clipboard Как скопировать окно целиком в clipb?
                                    DA
                                    Dr Gangil AcademicsApril 20, 2024, 7:45 a.m.
                                    Unlock Your Aesthetic Potential: Explore MSC in Facial Aesthetics and Cosmetology in India Embark on a transformative journey with an msc in facial aesthetics and cosmetology in india . Delve into the intricate world of beauty and rejuvenation, guided by expert faculty and …
                                    a
                                    a_vlasovApril 14, 2024, 6:41 a.m.
                                    Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
                                    Павел Дорофеев
                                    Павел ДорофеевApril 14, 2024, 2:35 a.m.
                                    QTableWidget с 2 заголовками Вот тут есть кастомный QTableView с многорядностью проект поддерживается, обращайтесь
                                    f
                                    fastrexApril 4, 2024, 4:47 a.m.
                                    Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…

                                    Follow us in social networks