n
npukoluctSept. 3, 2018, 11:55 a.m.

Меню уровней на QML и C++

c++, QML

Здравствуйте, хочу сделать динамически формируемое меню уровней для игры (то есть меню которое в зависимости от числа уровней имеющихся например в файле XML выводит нужное количество на экран). И не много не понимаю как такое реализовать в купе с QML.

Создал специальный класс для блока уровня (пока выводит лишь треугольники) *.h:

#ifndef MODULEPARTMENUELEMENT_H
#define MODULEPARTMENUELEMENT_H

#include <QQuickItem>
#include <QSGGeometryNode>
#include <QSGFlatColorMaterial>

class ModulePartMenuElement : public QQuickItem
{
    Q_OBJECT
    Q_PROPERTY(bool isActive READ isActive WRITE setIsActive NOTIFY isActiveChanged)
    Q_PROPERTY(QColor activeColor READ activeColor WRITE setActiveColor NOTIFY activeColorChanged)
    Q_PROPERTY(QColor nonActiveColor READ nonActiveColor WRITE setNonActiveColor NOTIFY nonActiveColorChanged)
public:
    ModulePartMenuElement(QQuickItem *parent = 0);


    bool isActive() const;
    QColor activeColor() const;
    QColor nonActiveColor() const;

protected:
    virtual QSGNode * updatePaintNode(QSGNode *node, UpdatePaintNodeData *updatePaintNodeData) override;

signals:
    void isActiveChanged(bool isActive);
    void activeColorChanged(QColor activeColor);
    void nonActiveColorChanged(QColor nonActiveColor);

public slots:
    void setIsActive(const bool isActive);
    void setActiveColor(const QColor activeColor);
    void setNonActiveColor(const QColor nonActiveColor);

private:
    //состояние элемента
    bool _isActive;
    //фон если активен
    QColor _activeColor;
    //фон если не активен
    QColor _nonActiveColor;
    
};

#endif // MODULEPARTMENUELEMENT_H

*.cpp:
#include "modulepartmenuelement.h"

ModulePartMenuElement::ModulePartMenuElement(QQuickItem *parent) : QQuickItem(parent)
{
    

    setFlag(QQuickItem::ItemHasContents, true);
}

bool ModulePartMenuElement::isActive() const
{
    return _isActive;
}

QColor ModulePartMenuElement::activeColor() const
{
    return _activeColor;
}

QColor ModulePartMenuElement::nonActiveColor() const
{
    return _nonActiveColor;
}

QSGNode *ModulePartMenuElement::updatePaintNode(QSGNode *oldNode, QQuickItem::UpdatePaintNodeData *updatePaintNodeData)
{
    Q_UNUSED(updatePaintNodeData)
    QSGGeometryNode *node = static_cast<QSGGeometryNode*>(oldNode);
    
    if (!node)
    {
        node = new QSGGeometryNode();
        node->setFlag(QSGNode::OwnsMaterial, true);
        node->setFlag(QSGNode::OwnsGeometry, true);
    }
        const QRectF rect = boundingRect();
        //геометрия
        QSGGeometry *geometry = new QSGGeometry(QSGGeometry::defaultAttributes_Point2D(), 3);

        QSGGeometry::Point2D *points = geometry->vertexDataAsPoint2D();
        points[0].x = rect.left();
        points[0].y = rect.top();
        points[1].x = rect.left() + rect.width() / 2.0;
        points[1].y = rect.bottom();
        points[2].x = rect.right();
        points[2].y = rect.top();

        node->setGeometry(geometry);
        QSGFlatColorMaterial *material = new QSGFlatColorMaterial;
        if (_isActive)
        {
            material->setColor(_activeColor);

        }
        else
        {
            material->setColor(_nonActiveColor);
        }
        node->setMaterial(material);

        return node;

    
}

void ModulePartMenuElement::setIsActive(const bool isActive)
{
    if (_isActive == isActive)
        return;
    _isActive = isActive;
    emit isActiveChanged(isActive);
}

void ModulePartMenuElement::setActiveColor(const QColor activeColor)
{
    if (_activeColor == activeColor)
        return;
    _activeColor = activeColor;
    emit activeColorChanged(activeColor);
}

void ModulePartMenuElement::setNonActiveColor(const QColor nonActiveColor)
{
    if (_nonActiveColor == nonActiveColor)
        return;
    _nonActiveColor = nonActiveColor;
    emit nonActiveColorChanged(nonActiveColor);
}

Как я думаю, начинать надо с создания класса модели, наследуемой от абстрактной модели, в которую передается список блоков уровней (Из которого можно убрать всю взаимосвязь с QML, так как он делался под статическое размещение элементов) и модель устанавливается в стандартный вьювер в QML, но, насколько я понимаю, нужно будет еще и создавать класс делегата для отображения блока уровня в QML. (И тут возникает путаница, ведь отображение рисуется уже в созданном мной классе блока уровня или я чего-то не понимаю?) Или может быть все это можно сделать несколько проще?
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!

4
a
  • Sept. 3, 2018, 3:32 p.m.

Может я неправильно понял задачу, но я бы делал все в QML. У ListModel есть методы append и clear. Данные из файла можно считывать в с++ классе и передавать в QML элемент.

В updatePaintNode, для Android, нормально можно рисовать только треугольниками (полигоны и квадраты вроде неподдерживаются), что усложнит весь процесс.


    n
    • Sept. 4, 2018, 2:33 a.m.

    Для меня просто qml темный лес), вот и пытаюсь разобраться. Прочитав ваш ответ в голове сформировал алгоритм: 1) при запуске main.qml вызываю метод в с++ классе по обработке файла

    2) после обработки сигналами класса с++ передаю в методы append циклично информацию о добавлении блока уровня (мой треугольеик)
    3) в qml подключен мой класс треугольник и происходит добавление его в модель, вот только я не совсем понимаю, как при добавлении в модель менять свойства треугольника(цвет, активность)? Для этого нужно в с++ классе по обработке файла, в сигнал вешать параметры? Или можно как-то подругому?
    И еще не понятно с делегатом? Его тоже нужно сделать от класса? Или как мой треугольник будет отображаться.
    Просто никак не могу понять это взаимодействие qml и с++ в сложных примерах. И особо информации не найти. Везде только примеры в духе 2+2. Если бы не предпологалось сделать на андроид, давно бы похоронил этот qml и сделал бы все на плюсах





      a
      • Sept. 4, 2018, 4:53 a.m.
      • (edited)

      Здесь на сайте есть урок QML - 007. Урок про динамическое создание элементов. 1) 2) Можно добавлять элементы при первом открытии меню уровней, можно при создании. 3) Настроить вид элемента можно в делегате. Можно не использовать класс треугольника. В делегат можно добавить MouseArea, в обработчик onClicked, можно добавить изменение к-н свойства элемента делегата. Все есть в уроках на сайте.


        n
        • Sept. 30, 2018, 10:01 a.m.
        • (edited)

        В итоге сумел реализовать то что хотел в своем первоначальном вопросе. Но насколько моя реализация получилась грамотной не знаю. Поэтому, кому интересно, прошу посмотреть проект и указать на недочеты или плохую реализацию, если таковые имеются.

          Comments

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

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

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

          C++ - Test 002. Constants

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

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

          • Result:73points,
          • Rating points1
          Last comments
          k
          kmssrFeb. 9, 2024, 2: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, 6: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, 4: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, 5: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
          G
          GarApril 22, 2024, 12:46 p.m.
          Clipboard Как скопировать окно целиком в clipb?
          DA
          Dr Gangil AcademicsApril 20, 2024, 2:45 p.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, 1:41 p.m.
          Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
          Павел Дорофеев
          Павел ДорофеевApril 14, 2024, 9:35 a.m.
          QTableWidget с 2 заголовками Вот тут есть кастомный QTableView с многорядностью проект поддерживается, обращайтесь
          f
          fastrexApril 4, 2024, 11:47 a.m.
          Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…

          Follow us in social networks