Write articleAsk a questionTake the testShare code
Михаиллл
Михаиллл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!

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

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

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

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

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

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

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

        0
        0
        0
        Михаиллл
        • 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"
    }

}
          0
          0
          0
          Алексей Внуков
          • April 4, 2019, 8:15 a.m.
          • (edited)
          • The answer was marked as a solution.

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

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

            0
            1
            0
            Михаиллл
            • 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
    }
              0
              0
              0
              Михаиллл
              • April 4, 2019, 8:35 a.m.

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

                0
                0
                0
                Алексей Внуков
                • 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"
        }
    ]
}
                  0
                  0
                  0
                  Михаиллл
                  • 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 получаю старую ошибку.
                  Скажите пожалуйста, почему опять не видно этот лэйбел?

                    0
                    0
                    0
                    Михаиллл
                    • 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 получаю старую ошибку.
                    Скажите пожалуйста, почему опять не видно этот лэйбел?

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

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

                      Page1.page1Label2.text = "111 из "

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                                    0
                                    0
                                    0

                                    Comments

                                    Only authorized users can post comments.
                                    Please, Log in or Sign up
                                    Last passed testsRating
                                    AD

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

                                    • Result:50points,
                                    • Rating points-4
                                    m

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

                                    • Result:80points,
                                    • Rating points4
                                    m

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

                                    • Result:20points,
                                    • Rating points-10
                                    Last comments
                                    ИМ
                                    Игорь МаксимовNov. 22, 2024, 11:51 a.m.
                                    Django - Tutorial 017. Customize the login page to Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
                                    Evgenii Legotckoi
                                    Evgenii LegotckoiOct. 31, 2024, 2:37 p.m.
                                    Django - Lesson 064. How to write a Python Markdown extension Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
                                    A
                                    ALO1ZEOct. 19, 2024, 8:19 a.m.
                                    Fb3 file reader on Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
                                    ИМ
                                    Игорь МаксимовOct. 5, 2024, 7:51 a.m.
                                    Django - Lesson 064. How to write a Python Markdown extension Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
                                    d
                                    dblas5July 5, 2024, 11:02 a.m.
                                    QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                                    Now discuss on the forum
                                    Evgenii Legotckoi
                                    Evgenii LegotckoiJune 24, 2024, 3:11 p.m.
                                    добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
                                    t
                                    tonypeachey1Nov. 15, 2024, 6:04 a.m.
                                    google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
                                    NSProject
                                    NSProjectJune 4, 2022, 3:49 a.m.
                                    Всё ещё разбираюсь с кешем. В следствии прочтения данной статьи. Я принял для себя решение сделать кеширование свойств менеджера модели LikeDislike. И так как установка evileg_core для меня не была возможна, ибо он писался…
                                    IscanderChe
                                    IscanderCheOct. 31, 2024, 3:43 p.m.
                                    Не запускается программа на Qt: точка входа в процедуру не найдена в библиотеке DLL Попробуйте прогу CQtDeployer
                                    9
                                    9AnonimOct. 25, 2024, 9:10 a.m.
                                    Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

                                    Follow us in social networks