Мақала жазуСұрақ қоюТест тапсырыңызКодты бөлісу
Михаиллл
МихаилллСәуір 4, 2019, 6:44 Т.Ж.

Как в 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 не определен.

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

860
17
0
0
0
17
Алексей Внуков
  • Сәуір 4, 2019, 6:49 Т.Ж.

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

    0
    0
    0
    Михаиллл
    • Сәуір 4, 2019, 6:56 Т.Ж.

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

      0
      0
      0
      Алексей Внуков
      • Сәуір 4, 2019, 7:03 Т.Ж.
      • (өңделген)

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

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

        0
        0
        0
        Михаиллл
        • Сәуір 4, 2019, 7:25 Т.Ж.

        Компилятор видит кнопку, но не видит лэйбел
        Вот код 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
          Алексей Внуков
          • Сәуір 4, 2019, 8:15 Т.Ж.
          • (өңделген)
          • Жауап шешім ретінде белгіленді.

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

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

            0
            1
            0
            Михаиллл
            • Сәуір 4, 2019, 8:25 Т.Ж.

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

                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
              Михаиллл
              • Сәуір 4, 2019, 8:35 Т.Ж.

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

                0
                0
                0
                Алексей Внуков
                • Сәуір 4, 2019, 8:43 Т.Ж.
                • (өңделген)

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

                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
                  Михаиллл
                  • Сәуір 4, 2019, 8:47 Т.Ж.

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

                      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
                    Михаиллл
                    • Сәуір 4, 2019, 8:47 Т.Ж.

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

                        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
                      Михаиллл
                      • Сәуір 4, 2019, 8:54 Т.Ж.

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

                      Page1.page1Label2.text = "111 из "

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

                        0
                        0
                        0
                        Алексей Внуков
                        • Сәуір 4, 2019, 8:55 Т.Ж.
                        • (өңделген)

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

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

                          0
                          0
                          0
                          Михаиллл
                          • Сәуір 4, 2019, 9:01 Т.Ж.

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

                            0
                            0
                            0
                            Михаиллл
                            • Сәуір 4, 2019, 9:04 Т.Ж.

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

                              0
                              0
                              0
                              Алексей Внуков
                              • Сәуір 4, 2019, 9:04 Т.Ж.

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

                                0
                                0
                                0
                                Алексей Внуков
                                • Сәуір 4, 2019, 9:07 Т.Ж.

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

                                  0
                                  0
                                  0
                                  Михаиллл
                                  • Сәуір 4, 2019, 9:08 Т.Ж.

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

                                    0
                                    0
                                    0

                                    Пікірлер

                                    Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
                                    Кіріңіз немесе Тіркеліңіз
                                    Соңғы өткен сынақтарРейтинг
                                    Г

                                    C++ - Тест 001. Первая программа и типы данных

                                    • Нәтиже:66ұпай,
                                    • Бағалау ұпайлары-1
                                    t

                                    C++ - Тест 001. Первая программа и типы данных

                                    • Нәтиже:33ұпай,
                                    • Бағалау ұпайлары-10
                                    t

                                    Qt - Тест 001. Сигналы и слоты

                                    • Нәтиже:52ұпай,
                                    • Бағалау ұпайлары-4
                                    Соңғы пікірлер
                                    G
                                    GoattRockҚыр. 3, 2024, 1:50 Т.Қ.
                                    Linux жүйесінде файлдарды қалай көшіруге болады Задумывались когда-нибудь о том, как мы привыкли доверять свои вещи службам грузоперевозок? Сейчас такие услуги стали неотъемлемой частью нашей жизни, особенно когда речь идет о переездах между …
                                    ВР
                                    Влад РусоковТам. 2, 2024, 1:47 Т.Ж.
                                    Linux жүйесінде файлдарды қалай көшіруге болады Screenshot_20240802-065123.png
                                    d
                                    dblas5Шілде 5, 2024, 11:02 Т.Ж.
                                    QML - Сабақ 016. SQLite деректер қоры және онымен QML Qt-та жұмыс істеу Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                                    k
                                    kmssrАқп. 8, 2024, 6:43 Т.Қ.
                                    Qt Linux - Сабақ 001. Linux астында Autorun Qt қолданбасы как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                                    АК
                                    Анатолий КононенкоАқп. 5, 2024, 1:50 Т.Ж.
                                    Qt WinAPI - Сабақ 007. Qt ішінде ICMP Ping арқылы жұмыс істеу Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
                                    Енді форумда талқылаңыз
                                    Evgenii Legotckoi
                                    Evgenii LegotckoiМаусым 24, 2024, 3:11 Т.Қ.
                                    добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
                                    F
                                    FynjyШілде 22, 2024, 4:15 Т.Ж.
                                    при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …
                                    BlinCT
                                    BlinCTМаусым 25, 2024, 1 Т.Ж.
                                    Нарисовать кривую в qml Всем привет. Имеется Лист листов с тосками, точки получаны интерполяцией Лагранжа. Вопрос, как этими точками нарисовать кривую? ChartView отпадает сразу, в qt6.7 появился новый элемент…
                                    BlinCT
                                    BlinCTМамыр 5, 2024, 5:46 Т.Ж.
                                    Написать свой GraphsView Всем привет. В Qt есть давольно старый обьект дял работы с графиками ChartsView и есть в 6.7 новый но очень сырой и со слабым функционалом GraphsView. По этой причине я хочу написать х…
                                    Evgenii Legotckoi
                                    Evgenii LegotckoiМамыр 2, 2024, 2:07 Т.Қ.
                                    Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Добрый день. По моему мнению - да, но то, что будет касаться вызовов к функционалу Андроида, может создать огромные трудности.

                                    Бізді әлеуметтік желілерде бақылаңыз