Мақала жазуСұрақ қоюТест тапсырыңызКодты бөлісу
Terabaytus
TerabaytusАқп. 28, 2018, 7:41 Т.Ж.

Как связать QML и С++

QML, qml

Добрый день, подскажите уже какой день бьюсь с этим вопросом.  Работаю в QT5.10

Есть написанный на javaskript переключатель 

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick 2.6
import QtQuick.Controls 2.1


Window {
    visible: true
    width: 200
    height: 50
    maximumHeight: height
    maximumWidth: width
    minimumHeight: height
    minimumWidth: width
    title: qsTr("")




    SwitchDelegate {
                id: control
                text: qsTr("          ")
                checked: false

                contentItem: Text {
                    rightPadding: control.indicator.width + control.spacing
                    text: control.text
                    font: control.font
                    opacity: enabled ? 1.0 : 0.3
                    color: control.down ? "#17a81a" : "#21be2b"
                    elide: Text.ElideRight
                    verticalAlignment: Text.AlignVCenter
                }

                indicator: Rectangle {
                    implicitWidth: 48
                    implicitHeight: 26
                    x: control.width - width - control.rightPadding
                    y: parent.height / 2 - height / 2
                    radius: 13
                    color: control.checked ? "#17a81a" : "transparent"
                    border.color: control.checked ? "#17a81a" : "#cccccc"

                    Rectangle {
                        x: control.checked ? parent.width - width : 0
                        width: 26
                        height: 26
                        radius: 13
                        color: control.down ? "#cccccc" : "#ffffff"
                        border.color: control.checked ? (control.down ? "#17a81a" : "#21be2b") : "#999999"
                    }
                }

                background: Rectangle {
                    implicitWidth: 100
                    implicitHeight: 40
                    visible: control.down || control.highlighted
                    color: control.down ? "#bdbebf" : "#eeeeee"
                }
            }
}
как мне теперь получить сигнал о его состоянии влючён/выключен и вторым этапом включить его из кода  и так же выключить  в своём классе backend.cpp знаю что через SLOT и SIGNAL, но немогу понять.
Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.
Сұрақ мақалада қойыладыQML - Сабақ 004. Qt QML-дегі сигналдар мен слоттар

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

665
9
0
0
0
9
Evgenii Legotckoi
  • Ақп. 28, 2018, 3:47 Т.Қ.

Добрый день.

Вообще делегаты используются для создания внешнего вида элемента в списке (ListView), например. Но никак не самостоятельные переключатели.
Это первый момент. Поэтому надеюсь, что Вы не будете его использовать как самостоятельный объект.

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

Это будет выглядеть так. 

signal isChecked(var checked)

onClicked: {
    isChecked(checked)
}
Либо уже сразу делать что-то ядром, как было показано в том уроке. 
onClicked: {
    appCore.receiveFromQml(checked)
}
Просто придётся добавить аргумент в слот, например, так 
void AppCore::receiveFromQml(bool checked);
    0
    1
    0
    Terabaytus
    • Наурыз 1, 2018, 3:02 Т.Ж.

    Можно по шагам всё пройти я добавил делегат в список (ListView) как мне теперь к нему обратиться- вызвать его в коде С++ ? 

     ListView {
        id: listView
        x: 0
        y: 0
        width: 200
        height: 50
        SwitchDelegate {
            id: control
            x: 0
            y: 0
            width: 200
            height: 50
            text: qsTr("Сервер           ")
            checked: false

            contentItem: Text {
                rightPadding: control.indicator.width + control.spacing
                text: control.text
                font: control.font
                opacity: enabled ? 1.0 : 0.3
                color: control.down ? "#17a81a" : "#21be2b"
                elide: Text.ElideRight
                verticalAlignment: Text.AlignVCenter
            }

            indicator: Rectangle {
                implicitWidth: 48
                implicitHeight: 26
                x: control.width - width - control.rightPadding
                y: parent.height / 2 - height / 2
                radius: 13
                color: control.checked ? "#17a81a" : "transparent"
                border.color: control.checked ? "#17a81a" : "#cccccc"

                Rectangle {
                    x: control.checked ? parent.width - width : 0
                    width: 26
                    height: 26
                    radius: 13
                    color: control.down ? "#cccccc" : "#ffffff"
                    border.color: control.checked ? (control.down ? "#17a81a" : "#21be2b") : "#999999"
                }
            }

            background: Rectangle {
                implicitWidth: 100
                implicitHeight: 40
                visible: control.down || control.highlighted
                color: control.down ? "#bdbebf" : "#eeeeee"
            }
        }


    }
      0
      0
      0
      Evgenii Legotckoi
      • Наурыз 1, 2018, 4:02 Т.Қ.

      Я, возможно, не так ясно выразился.

      Сам по себе SwitchDelegate является лишь делегатом внешнего вида для списка объектов например, которые повторяются в ListView, например. Делегаты используются для стилизации частей приложения, но никак не самостоятельные объекты.

      Вам Нужно использовать не SwitchDelegate, а просто Switch. А обращаться так, как я Вам показал в предыдущем сообщении. В статье, по которой Вы задали вопрос, есть пример с регистрацией бэкенда в контексте QML. То есть можете именно таким образом и обратиться к это объекту. То есть по событию onClicked проверить состояние и закинуть его в бекенд.
        0
        1
        0
        Terabaytus
        • Наурыз 2, 2018, 8:04 Т.Ж.
        • (өңделген)

        Как Вы и сказали,  сменил delegat на swich  и переключатель ожил при переводе тумблера в консоль выдаёт

        qrc:/main.qml:75:29 : Unable to assign [undefined] to bool

        ругается вот на этот участок кода 

        background: Rectangle {
                   implicitWidth: 100
                   implicitHeight: 40
                   visible: control.down || control.highlighted
                   color: control.down ? "#bdbebf" : "#eeeeee"
               }


        но в начале выдаёт

        qrc:/main.qml:20:5 : QML Connections: Cannot assign to non-existent property "onClicked"

        взгляните пожалуйста на код что я не так делаю

        QML 

        Window {
    visible: true
    width: 200
    height: 50
    maximumHeight: height
    maximumWidth: width
    minimumHeight: height
    minimumWidth: width
    title: qsTr("Hi")

    /* С помощью объекта Connections
     * Устанавливаем соединение с классом ядра приложения
     * */
    Connections {
        target: backend  // Указываем целевое соединение



        onSendToQml: {

            console.log(count); // выводит в консоль
        }

        onClicked: {
            backend.receiveFromQml(control);
        }

 }
         Switch {
               id: control
               x: 0
               y: 0
               width: 200
               height: 50
               text: qsTr("Hi           ")
               checked: false
               contentItem: Text {
                   rightPadding: control.indicator.width + control.spacing
                   text: control.text
                   font: control.font
                   opacity: enabled ? 1.0 : 0.3
                   color: control.down ? "#17a81a" : "#21be2b"
                   elide: Text.ElideRight
                   verticalAlignment: Text.AlignVCenter
               }

               indicator: Rectangle {
                   implicitWidth: 48
                   implicitHeight: 26
                   x: control.width - width - control.rightPadding
                   y: parent.height / 2 - height / 2
                   radius: 13
                   color: control.checked ? "#17a81a" : "transparent"
                   border.color: control.checked ? "#17a81a" : "#cccccc"

                   Rectangle {
                       x: control.checked ? parent.width - width : 0
                       width: 26
                       height: 26
                       radius: 13
                       color: control.down ? "#cccccc" : "#ffffff"
                       border.color: control.checked ? (control.down ? "#17a81a" : "#21be2b") : "#999999"
                   }
               }

               background: Rectangle {
                   implicitWidth: 100
                   implicitHeight: 40
                   visible: control.down || control.highlighted
                   color: control.down ? "#bdbebf" : "#eeeeee"
               }
           }

       }
        main.cpp 

        int main(int argc, char *argv[])
{
#if defined(Q_OS_WIN)
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endif

    QGuiApplication app(argc, argv);

  
    QQmlApplicationEngine engine;// Создаём движок qml

    Backend backend; // Создаём ядро приложения
    QQmlContext *context = engine.rootContext();    // Создаём корневой контекст

    /* Загружаем объект в контекст для установки соединения,
     * а также определяем имя, по которому будет происходить соединение
     * */
    context->setContextProperty("backend", &backend);

    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}
        backend.cpp 

        Backend::Backend(QObject *parent) : QObject(parent)
{
   count =0;
}

void Backend::receiveFromQml(bool control)
{
  std::cout << control << std::endl;
    count++;
    emit sendToQml(count);//отправляем данные в qml
}
        backend.h 

        class Backend : public QObject
{
    Q_OBJECT
    //Q_PROPERTY(QString userName READ userName WRITE setUserName NOTIFY userNameChanged)

public:
    explicit Backend(QObject *parent = nullptr);

signals:
    // Сигнал для передачи данных в qml-интерфейс
    void sendToQml(int count);

public slots:
    // Слот для приёма данных из qml-интерфейса
    void receiveFromQml(bool control);

private:
    // Данные, которыми будем оперировать
    int count;
};


#endif // BACKEND_H

          0
          0
          0
          Evgenii Legotckoi
          • Наурыз 2, 2018, 8:10 Т.Ж.
          • (өңделген)
          • Жауап шешім ретінде белгіленді.

          У Switch не свойства highlighted, поэтому тот участок кода нужно переписать так 

          background: Rectangle {
    implicitWidth: 100
    implicitHeight: 40
    visible: control.down
    color: control.down ? "#bdbebf" : "#eeeeee"
}
          А Сигнал onClicked не туда поместили, его нужно было поместить в Switch, поскольку Switch имеет сигнал clicked, а не ваш Backend класс, к которому Вы подключаетесь через тип Connections 

          Switch {
    onClicked: {
        backend.receiveFromQml(control);
    }
}
            0
            1
            0
            Terabaytus
            • Мамыр 31, 2018, 4:15 Т.Ж.
            • (өңделген)

            Добрый день, обращаюсь к вам с вопросом на туже тему.


            У меня пропала связь QML слоя с С++ в лог выводиться:

            TypeError: Property 'setBackend' of object BackEnd(0x7fff41680340) is not a function

            main.qml

            import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick 2.6
import QtQuick.Controls 1.4
import QtQuick.Controls 2.1

Window {
    id: window
    visible: true
    width: 300
    height: 310
    maximumHeight: height
    maximumWidth: width
    minimumHeight: height
    minimumWidth: width
    title: qsTr("ServerARS")

    /* С помощью объекта Connections
     * Устанавливаем соединение с классом ядра приложения
     * */
    Connections {

        target: backend  



        onSendToQml: {
            
          console.log(countitch {
        id: control
        x: 0
        y: 0
        width: 300
        height: 50
        text: qsTr("")
        checked: false
        onClicked: {
            backend.setBackend(control);
            console.log("count"); 
        }
        contentItem: Text {
            rightPadding: control.indicator.width + control.spacing
            text: control.text
            font: control.font
            opacity: enabled ? 1.0 : 0.3
            color: control.down ? "#17a81a" : "#21be2b"
            elide: Text.ElideRight
            verticalAlignment: Text.AlignVCenter
        }

        indicator: Rectangle {
            implicitWidth: 48
            implicitHeight: 26
            x: control.width - width - control.rightPadding
            y: parent.height / 2 - height / 2
            radius: 13
            color: control.checked ? "#17a81a" : "transparent"
            border.color: control.checked ? "#17a81a" : "#cccccc"

            Rectangle {
                x: control.checked ? parent.width - width : 0
                width: 26
                height: 26
                radius: 13
                color: control.down ? "#cccccc" : "#ffffff"
                border.color: control.checked ? (control.down ? "#17a81a" : "#21be2b") : "#999999"
            }
        }

        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 40
            visible: control.down /*|| control.highlighted*/
            color: control.down ? "#bdbebf" : "#eeeeee"
        }
    }


}
            main.cpp

            #include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "backend.h"

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;// Создаём движок qml

    BackEnd backend; // Создаём ядро приложения

    QQmlContext *context = engine.rootContext(); // Создаём корневой контекст, загружаем объект в контекст для установки соединения

    context->setContextProperty("backend", &backend); //определяем имя, по которому будет происходить соединение

    engine.load(QUrl(QStringLiteral("qrc:/main.qml"))); // загружаем в него исходник qml
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}
            backend.h

            #ifndef BACKEND_H
#define BACKEND_H

#include <QObject>
#include <QString>

class BackEnd : public QObject
{
    Q_OBJECT

public:
    explicit BackEnd(QObject *parent = 0);
 

signals: 

    void sendToQml(int count);

private slots: 
    void setBackend(bool control);

public: 

};
#endif // BACKEND_H
            backend.cpp

            #include "backend.h"
#include <iostream>

BackEnd::BackEnd(QObject *parent) : QObject(parent)
{
   
    count =0;


}


void BackEnd::setBackend(bool control) 
{
   std::cout << control << std::endl ;

     count++       
            emit sendToQml(count);


    std::cout << count << std::endl ;

}
            В чём может быть дело, ещё как мне кажется у меня не инициализируются переменная count QT5.11 подсвечивает её красным.
              0
              0
              0
              Evgenii Legotckoi
              • Мамыр 31, 2018, 4:20 Т.Ж.

              Добрый день!

              Проблема скорее всего в том, что слот setBackend объявлен приватным. переместите его в public slots секцию
                0
                1
                0
                Terabaytus
                • Мамыр 31, 2018, 4:30 Т.Ж.

                Спасибо, действительно всё так. Я столько времени на это потратил (

                  0
                  0
                  0
                  Evgenii Legotckoi
                  • Мамыр 31, 2018, 4:31 Т.Ж.

                  случается

                    0
                    1
                    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 Добрый день. По моему мнению - да, но то, что будет касаться вызовов к функционалу Андроида, может создать огромные трудности.

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