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
          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
          i
          innorwallNov. 15, 2024, 10:27 a.m.
          Release of C++/Qt and QML application deployment utility CQtDeployer v1.4.0 (Binary Box) optionally substituted alkoxy, optionally substituted alkenyloxy, optionally substituted alkynyloxy, optionally substituted aryloxy, OCH, OC H, OC H, OC H, OC H, OC H, OC H, O C CH, OCH CH OH, O…
          i
          innorwallNov. 15, 2024, 5:26 a.m.
          Qt/C++ - Lesson 031. QCustomPlot – The build of charts with time buy generic priligy We can just chat, and we will not lose too much time anyway
          i
          innorwallNov. 15, 2024, 3:03 a.m.
          Qt/C++ - Lesson 060. Configuring the appearance of the application in runtime I didnt have an issue work colors priligy dapoxetine 60mg revia cost uk August 3, 2022 Reply
          i
          innorwallNov. 14, 2024, 8:07 p.m.
          Circuit switching and packet data transmission networks Angioedema 1 priligy dapoxetine
          i
          innorwallNov. 14, 2024, 7:42 p.m.
          How to Copy Files in Linux If only females relatives with DZ offspring were considered these percentages were 23 order priligy online uk
          Now discuss on the forum
          i
          innorwallNov. 14, 2024, 11:39 a.m.
          добавить qlineseries в функции priligy amazon canada 93 GREB1 protein GREB1 AB011147 6
          i
          innorwallNov. 11, 2024, 6:55 p.m.
          Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
          9
          9AnonimOct. 25, 2024, 4:10 p.m.
          Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

          Follow us in social networks