U
Ulkiorra1992Dec. 18, 2017, 9:46 a.m.

QGraphicsScene

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

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!

23
Evgenii Legotckoi
  • Dec. 18, 2017, 9:55 a.m.

День добрый.
А вы эти части панорамы уже разбили на какой-нибудь вектор, наподобие QVector<Image>?
Чтобы мне было понятно, с какими исходными данными вы работаете.

А ещё посмотрите вот этот топик про игру жизнь , там мы обсуждали проблемы производительности и отрисовки большого числа объектов на графической сцене. А также глянуть проект, который есть конкретно в этом посте . Не я его писал, но я его глянул. Кажется там как раз нужныя вам логика отрисовки, ну или схожая. Во всяком случае у меня в памяти осталось, что там не перерисовывались объекты, которые не видны на графической сцене (но могу и ошибаться).

    U
    • Dec. 18, 2017, 9:59 a.m.

    в данный момент, я разрезал панораму 64000 точек на 12000, и сохранил 36 изображений в формате png  в папке, логика, на данный момент подгружать из папки тайлы отображающиеся на Scene  для экономии памяти

      Evgenii Legotckoi
      • Dec. 18, 2017, 10:04 a.m.

      Я понял вашу идею. Я сейчас как раз сходной задачей по тайлам занят, но только делаю это для QML. Однако кое-какие наработки и мысли уже есть.

      У меня такой вопрос, что именно подразумеваете под экономией памяти?
      Сами тайлы для быстродействия я загружал бы все в некоторый пул объектов, как никак чтение и запись в файл тоже не быстрая операция, но вот на графической сцене держал бы только видимые.
        U
        • Dec. 18, 2017, 10:11 a.m.

        экономия оперативной памяти, что бы не грузить к примеру 18 тайлов, которые 2 гб съедят, а грузить 3 к примеру, максимум 4 будут видны на экране, по предварительным расчетам

          Evgenii Legotckoi
          • Dec. 18, 2017, 10:17 a.m.

          Понятно. У меня есть кое-какие мысли, но нужно уточнить ещё пару моментов.
          Для такого требуется следующая информация:

          • количество тайлов
          • количество тайлов в строке
          • количество тайлов в колонке
          • размер тайла
          • информация о именах тайлов, чтобы получить правильный порядок загрузки тайла из каталога
          Уточните это, а я сегодня/завтра накидаю свои мысли об этом
            U
            • Dec. 18, 2017, 10:37 a.m.
            возможно я немного не так понял, но на данный момент:
            панорама 360 градусов, я ее режу по вертикали на 36 тайлов, по 10 градусов получается.
            при максимальном отдалении на эране будет максимально отображаться 4 тайла
            размер тайла примерно 20 мб. (1 800х11 692 точек)
            имена тайлов просто от 0.png до 35.png
              Evgenii Legotckoi
              • Dec. 18, 2017, 10:41 a.m.
              • (edited)

              Ага. вот оно что. Для меня (и конкретно в моей задаче) тайлы составляют карту, в виде матрицы, то есть может быть сетка 40 на 40 тайлов и т.д. А у вас получается 1 на 36.

              Ну понятно в общем. Я всё равно над этим работаю. Вечером постараюсь глянуть и в сторону вашей задачи.
                U
                • Dec. 18, 2017, 10:43 a.m.

                спасибо большое, хотя бы, направление, как это реализовать, я пока не представляю как реализовать алгоритм

                  Evgenii Legotckoi
                  • Dec. 20, 2017, 4:30 p.m.
                  • (edited)

                  В общем смысл программы будет следующий. Вы открываете через диалоговое окно с файлами панорамы. Тайлы при этом должны иметь все одинаковые размеры (это искусственное ограничение, чтобы показать основной алгоритм, необходимые проверки потом сами реализуете, если будут тайлы разных размеров).

                   
                  Записываете нужную информацию во вьюшку, то есть пути ко всем тайлам.
                  #include "widget.h"
                  #include "ui_widget.h"
                  
                  Widget::Widget(QWidget *parent) :
                      QWidget(parent),
                      ui(new Ui::Widget)
                  {
                      ui->setupUi(this);
                      m_scene = new QGraphicsScene(this);
                      ui->graphicsView->setScene(m_scene);
                  }
                  
                  Widget::~Widget()
                  {
                      delete ui;
                  }
                  
                  void Widget::on_pushButton_clicked()
                  {
                      // Открыть все необходимые тайлы
                      ui->graphicsView->setTilePaths(QFileDialog::getOpenFileNames(this, tr("Open Tiles")));
                  }
                  

                  В самой графической вьюшке будут вектора на тайлы, а также и на пути к тайлам, которые можно будет подгружать.
                  #ifndef TILEDGRAPHICSVIEW_H
                  #define TILEDGRAPHICSVIEW_H
                  
                  #include <QGraphicsView>
                  #include <QGraphicsPixmapItem>
                  
                  class TiledGraphicsView : public QGraphicsView
                  {
                      Q_OBJECT
                  public:
                      explicit TiledGraphicsView(QWidget *parent = nullptr);
                  
                      void setTilePaths(QStringList tilePaths);
                  
                  protected:
                      virtual void paintEvent(QPaintEvent* e) override;
                  
                  private:
                      QStringList m_tilePaths;    // Пути к тайлам
                      int m_tileHeight;           // Высота тайла
                      int m_tileWidth;            // Ширина тайла
                      int m_tileSetWidth;         // Ширина графической сцены под тайлы
                      int m_tileSetHeight;        // Высота графической сцены под тайлы
                  
                      std::vector<QGraphicsPixmapItem*> m_tileItems;  // Указатели на загруженные тайлы
                  };
                  
                  #endif // TILEDGRAPHICSVIEW_H

                  Далее сам процесс отрисовки с установкой тайлов во вьюшку
                  #include "TiledGraphicsView.h"
                  
                  #include <QPainter>
                  #include <QFile>
                  #include <QGLWidget>
                  #include <QScrollBar>
                  
                  #include <QDebug>
                  
                  TiledGraphicsView::TiledGraphicsView(QWidget *parent) : QGraphicsView(parent)
                  {
                      setViewport(new QGLWidget(this));
                  }
                  
                  void TiledGraphicsView::setTilePaths(QStringList tilePaths)
                  {
                      // При загрузке нового сета тайлов очистим всё.
                      scene()->clear();
                      m_tilePaths.clear();
                      m_tileItems.clear();
                  
                      m_tilePaths = tilePaths;
                  
                      // С помощью первого тайла найдём параметры графической сцены и тайла
                      QImage firstTile(m_tilePaths.first());
                      m_tileHeight = firstTile.height();
                      m_tileWidth = firstTile.width();
                      m_tileSetWidth = m_tileWidth * m_tilePaths.length();
                      m_tileSetHeight = m_tileHeight;
                      setSceneRect(0, 0, m_tileSetWidth, m_tileSetHeight);
                  }
                  
                  void TiledGraphicsView::paintEvent(QPaintEvent *e)
                  {
                      QRect drawRect(horizontalScrollBar()->value(),
                                      verticalScrollBar()->value(),
                                      viewport()->width(),
                                      viewport()->height());
                  
                      // При каждом событии перерисовки проверяем, какие из тайлов нужно отрисовать
                      for (int i = 0; i < m_tilePaths.length(); ++i)
                      {
                          int coordX1 = i * m_tileWidth;
                          int coordX2 = coordX1 + m_tileWidth;
                          // Если тайл попадает в область отрисовки
                          if ((coordX1 >= drawRect.x() && coordX1 <= drawRect.x() + drawRect.width()) || (coordX2 >= drawRect.x() && coordX2 <= drawRect.x() + drawRect.width()))
                          {
                              // то пытаемся его отрисовать при условии, что он ещё не был отрисован
                              auto it = std::find_if(m_tileItems.begin(), m_tileItems.end(), [&coordX1](const QGraphicsPixmapItem* pixmap) { return coordX1 == pixmap->pos().x(); } );
                              if (it == m_tileItems.end())
                              {
                                  QGraphicsPixmapItem* pixmapItem = scene()->addPixmap(QPixmap(m_tilePaths.at(i)));
                                  m_tileItems.push_back(pixmapItem);
                                  pixmapItem->setPos(coordX1, 0);
                              }
                          }
                          else
                          {
                              // В противном случае удаляем его со сцены и из пула отрисованных тайлов с очисткой памяти
                              auto it = std::find_if(m_tileItems.begin(), m_tileItems.end(), [&coordX1](const QGraphicsPixmapItem* pixmap) { return coordX1 == pixmap->pos().x(); } );
                              if (it != m_tileItems.end())
                              {
                                  scene()->removeItem(*it);
                                  delete *it;
                                  m_tileItems.erase(it);
                              }
                          }
                      }
                  
                      QGraphicsView::paintEvent(e);
                  }
                    U
                    • Dec. 20, 2017, 7:21 p.m.

                    Спасибо большое, за помощь, и с наступающим Новым Годом!!!

                      Evgenii Legotckoi
                      • Dec. 21, 2017, 5:53 a.m.

                      Пожалуйста. Вас также с Наступающим Новым Годом!!!

                        U
                        • Jan. 12, 2018, 8:07 a.m.
                        хочу еще поблагодарить за помощь, я в свой проект это все внедрил, но вот строчка, что ниже, мне совсем не понятно как это работает:
                        // то пытаемся его отрисовать при условии, что он ещё не был отрисован
                                    auto it = std::find_if(m_tileItems.begin(), m_tileItems.end(), [&coordX1](const QGraphicsPixmapItem* pixmap) { return coordX1 == pixmap->pos().x(); } );
                        и еще, возникла проблема, когда я приближаю или отдаляю изображение, программа перестает работать (тайлы не грузятся)
                            QMatrix matrix;
                            matrix.scale(1.5,1.5);
                            ui->graphicsView->setMatrix(matrix);
                        возможно вы подскажите, как сделать что бы программа работала и при зуме.
                          Evgenii Legotckoi
                          • Jan. 15, 2018, 1:02 p.m.

                          Добрый день. Что-то я совсем забыл про ваш вопрос.

                          Чтобы сделать зум, нужно правильно пересчитывать ширину и тайлов.
                          Возможно матрица преобразования попадает в неправильные пропорции и идёт обращение к неинициализированным тайлам. Пройдитесь для начала дебагером, куда там уходит зум в не ту область памяти.

                          Что касается той строчки
                          auto it = std::find_if(m_tileItems.begin(), m_tileItems.end(), [&coordX1](const QGraphicsPixmapItem* pixmap) { return coordX1 == pixmap->pos().x(); } );
                          auto - это оператор с автоматическим выводом типа, здесь я получаю итератор, auto позволяет особо не нагружать голову с огромным названием класса итератора.

                          std::find_if - это функция стандартной библиотеки, которая осуществляет поиск по контейнеру с условием, в качестве которого выступает лямбда.

                          m_tileItems.begin() и m_tileItems.end() возвращают итераторы с указанием на начало и конец контейнера.

                          [&coordX1](const QGraphicsPixmapItem* pixmap) { return coordX1 == pixmap->pos().x(); } 
                          Это функция-условие, по которому необходимо найти нужный элемент.
                          coordX1 - это захват переменной, с помощью которой пытаемся найти нужный элемент. Лямбды могут захватывать внешние переменные, очень удобно в таких ситуациях, как здесь.

                          const QGraphicsPixmapItem* pixmap - это то, что содержится в контейнере тайлов. Там внутри цикл, в котором в функцию условия передаются все элементы в итераторе поочерёдно. Этот pixmap и есть эта проверяемая переменная. Дальше возвращается результат проверки. Если true , то объект найден. И возвращается итератор на этот объект. В противном случае false , пока все элементы в контейнере не закончатся. Если объект не найден, то будет возвращён пустой итератор, равный m_tileItems.end()
                            U
                            • Jan. 15, 2018, 1:06 p.m.

                            спасибо, за подробное объяснение строчки, а с зумом я разобрался, все работает

                              U
                              • Jan. 18, 2018, 10:12 a.m.

                              Добрый вечер, а можно как то "зациклить" панораму, чтобы если вправо просматривать изображение, то  после последнего тайла, грузился 1-ый  потом 2-ой и так далее, а при просмотре влево, после 1-ого грузился последний и так по кругу изображение просматривать?

                                Evgenii Legotckoi
                                • Jan. 18, 2018, 3:46 p.m.

                                Как вариант умножать ключевые координаты, от которых вы строите весь панораму, на общую ширину панорамы и при прокрутке отталкиваться от этих кратных координат.

                                  U
                                  • Feb. 4, 2018, 10:51 a.m.

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

                                    Evgenii Legotckoi
                                    • Feb. 5, 2018, 1:51 a.m.

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

                                      U
                                      • Feb. 5, 2018, 8:34 a.m.

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

                                        Evgenii Legotckoi
                                        • Feb. 11, 2018, 9:43 a.m.

                                        Насчёт зацикливания... смотрите, Вы знаете количество тайлов и значете их ширину. Допустим будет 10 тайлов с шириной 300 пикселей. Так вот крайняя точка будет равна 3000. если вычесть из этой координаты 3000, то получится, что нужно отрисовать тайл с координатой X равной 0. То есть при прокрутке влево или вправо нужно только прибавлять или вычитать общую ширину изображения, чтобы получить корректную координату тайла, а отрисовывать тайл с координатой 3000, 6000, -3000, -6000 и т.д.

                                          U
                                          • Feb. 11, 2018, 9:47 a.m.

                                          спасибо, завтра попробую, реализовать

                                            t
                                            • Nov. 5, 2020, 7:01 a.m.

                                            Скажите есть вменяемое решение для отображения 360 панорамы в QML или как-то самому можно реализовать? Спасибо!

                                              Evgenii Legotckoi
                                              • Jan. 28, 2021, 8:14 a.m.

                                              Да по сути тоже самое нужно делать, что и с виджетами, только кастомное расположение объектов QQuickItem.
                                              Я бы наследовался от QQuickItem и рисовал бы вручную каждый тайл.
                                              Также саму графическую сцену сделал бы из другого QQuickItem, внутри которого бы уже отображал все тайлы.

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

                                                Follow us in social networks