Михаиллл
МихаилллMarch 29, 2019, 9:31 a.m.

Как в QML сделать переход между состояниями

состояние, QML

Добрый день.

На одной из страниц я сделал 3 состояния

Как сделать переключение из 1 состояния во 2 или 3 состояние и обратно при нажатии кнопки?

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!

9
Evgenii Legotckoi
  • March 29, 2019, 9:42 a.m.

Добрый день.

Без кода тут даже подсказывать нечего.

    Михаиллл
    • March 29, 2019, 10:40 a.m.
    import QtQuick 2.4
    import QtQuick.Controls 2.2
    
    Item {
        id: element
        width: 400
        height: 600
        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: 358
            width: 156
            height: 56
            text: qsTr("Побед: 0%")
            font.pointSize: 20
            horizontalAlignment: Text.AlignHCenter
        }
        states: [
            State {
                name: "State1"
    
                PropertyChanges {
                    target: image
                    source: "images/red.png"
                }
    
                PropertyChanges {
                    target: image1
                    source: "images//black.png"
                }
            },
            State {
                name: "State2"
    
                PropertyChanges {
                    target: image
                    source: "images//black.png"
                }
    
                PropertyChanges {
                    target: image1
                    source: "images//red.png"
                }
            }
        ]
    }
    
    
      Михаиллл
      • March 29, 2019, 10:53 a.m.

      и отсюда еще один вопрос: фактически 3 состояния, а в коде только 2. почему так? как с этим работать?

        Михаиллл
        • March 31, 2019, 7:44 a.m.

        как я понял нужно сделать третий states и вызвавть так states:имя состояния

          Михаиллл
          • April 1, 2019, 4:13 a.m.

          Хотя почему то не работает.
          В файле main.qml прописал

              Loader
                        {
                            id: loader
                            anchors.fill: parent
                            source: "Page1.qml"
                            state: "Page1State1"
                        }
          

          но почему то состояние не меняется. Скажите пожалуйста почему так и как исправть.

            Михаиллл
            • April 1, 2019, 4:33 a.m.
            • (edited)

            а если я в описании страницы Page1 прописываю state: "Page1State2", то почему то не загружаются картинки

              Михаиллл
              • April 1, 2019, 4:39 a.m.

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

                Михаиллл
                • April 1, 2019, 4:59 a.m.

                Также попробовал прикрепить переход к сигналу кнопки, но переход не работает

                    page1Button0.onClicked: {  //left button
                        state: "Page1State0"
                    }
                
                  Михаиллл
                  • April 3, 2019, 2:30 a.m.
                  • The answer was marked as a solution.

                  Вот так заработало

                      page1Button0.onClicked: {  //left button
                          state = "Page1State2"
                      }
                  

                    Comments

                    Only authorized users can post comments.
                    Please, Log in or Sign up
                    B

                    C++ - Test 002. Constants

                    • Result:16points,
                    • Rating points-10
                    B

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

                    • Result:46points,
                    • Rating points-6
                    FL

                    C++ - Test 006. Enumerations

                    • Result:80points,
                    • Rating points4
                    Last comments
                    k
                    kmssrFeb. 9, 2024, 5:43 a.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, 9:30 p.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, 7:38 p.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. 19, 2023, 8:01 a.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
                    AC
                    Alexandru CodreanuJan. 19, 2024, 10:57 p.m.
                    QML Обнулить значения SpinBox Доброго времени суток, не могу разобраться с обнулением значение SpinBox находящего в делегате. import QtQuickimport QtQuick.ControlsWindow { width: 640 height: 480 visible: tr…
                    BlinCT
                    BlinCTDec. 27, 2023, 7:57 p.m.
                    Растягивать Image на парент по высоте Ну и само собою дял включения scrollbar надо чтобы был Flickable. Так что выходит как то так Flickable{ id: root anchors.fill: parent clip: true property url linkFile p…
                    Дмитрий
                    ДмитрийJan. 10, 2024, 3:18 p.m.
                    Qt Creator загружает всю оперативную память Проблема решена. Удалось разобраться с помощью утилиты strace. Запустил ее: strace ./qtcreator Начал выводиться весь лог работы креатора. В один момент он начал считывать фай…
                    Evgenii Legotckoi
                    Evgenii LegotckoiDec. 12, 2023, 5:48 p.m.
                    Побуквенное сравнение двух строк Добрый день. Там случайно не высылается этот сигнал textChanged ещё и при форматировани текста? Если решиать в лоб, то можно просто отключать сигнал/слотовое соединение внутри слота и …

                    Follow us in social networks