Меню уровней на QML и C++
Здравствуйте, хочу сделать динамически формируемое меню уровней для игры (то есть меню которое в зависимости от числа уровней имеющихся например в файле 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. (И тут возникает путаница, ведь отображение рисуется уже в созданном мной классе блока уровня или я чего-то не понимаю?) Или может быть все это можно сделать несколько проще?
2
99
Do you like it? Share on social networks!
- Last comments
- AKApril 1, 2025, 11:41 a.m.Добрый день. В данный момент работаю над проектом, где необходимо выводить звук из программы в определенное аудиоустройство (колонки, наушники, виртуальный кабель и т.д). Пишу на Qt5.12.12 поско…
- VPMarch 9, 2025, 4:14 p.m.Здравствуйте! Я устанавливал Qt6 из исходников а также Qt Creator по отдельности. Все компоненты, связанные с разработкой для Android, установлены. Кроме одного... Когда пытаюсь скомпилиров…
- ИМNov. 22, 2024, 9:51 p.m.Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
- Now discuss on the forum
- МАApril 1, 2025, 4:21 p.m.0ff763fe-4e50-455d-a3a6-5699c243b1a5_17_44_22_1.xml
- fFeb. 15, 2025, 1:46 p.m.Подскажите, пожалуйста! Как данный класс можно дополнить, чтобы созданные объекты можно было перемещать мышкой по сцене?
- Не запускается компьютер (точнее работает блок , но сам монитор вообще жесть)В общем я ничего с интернета не скачивала в последнее время. На компе никаких левых пр…
- Вопрос решен. Узнать QModelIndex элемента на который мы перетаскиваем другой элемент, можно с помощью функции indexAt(event->position().toPoint()) представления QTreeViev вызываемой в переопр…
Может я неправильно понял задачу, но я бы делал все в QML. У ListModel есть методы append и clear. Данные из файла можно считывать в с++ классе и передавать в QML элемент.
Для меня просто qml темный лес), вот и пытаюсь разобраться. Прочитав ваш ответ в голове сформировал алгоритм: 1) при запуске main.qml вызываю метод в с++ классе по обработке файла
Здесь на сайте есть урок QML - 007. Урок про динамическое создание элементов. 1) 2) Можно добавлять элементы при первом открытии меню уровней, можно при создании. 3) Настроить вид элемента можно в делегате. Можно не использовать класс треугольника. В делегат можно добавить MouseArea, в обработчик onClicked, можно добавить изменение к-н свойства элемента делегата. Все есть в уроках на сайте.
В итоге сумел реализовать то что хотел в своем первоначальном вопросе. Но насколько моя реализация получилась грамотной не знаю. Поэтому, кому интересно, прошу посмотреть проект и указать на недочеты или плохую реализацию, если таковые имеются.