JP
April 18, 2016, 8:15 p.m.

Построение схем из графических элементов

QGraphicsScene, GridLayout, Qt, scheme

Добрый день!
Прошу, пожалуйста, помочь с таким вопросом.
Создаю программу, которая рассчитывает электрические или комбинационые схемы (точно пока не определилась, но это не особо влияет на суть вопроса). Целью задачи есть сложить эту схему.
Нажимая на кнопку, мы поучаем нужный элемент и перетаскиваем в нужную позицию.
На этом сайте нашла урок о графической сцене и перетаскиванию по ней элементов, он очень помог, но осталось два вопроса:
1) как сделать так, чтобы элемент становился не в произвольную позицию, а как будто разбить поле на прямоугольные участки;
2) приоритетный в решении момент. Как понять, что два элемента стоят рядом, то есть соединены в цепь или что выходы одного элемента подключены ко входам второго.
0

Do you like it? Share on social networks!

2
Evgenii Legotckoi
  • April 18, 2016, 10:41 p.m.
  • The answer was marked as a solution.

Добрый день. Давайте по порядку разберёмся.

1) как сделать так, чтобы элемент становился не в произвольную позицию, а как будто разбить поле на прямоугольные участки;

Я так понимаю, смотрели вот этот урок про перетаскивание графических элементов на графической сцене?

Чтобы все объекты перемещались по строго заданным координатам, то можно урок просто модифицировать следующим образом.

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
 
    // Косметическая подготовка приложения
    this->resize(640, 640);          // Устанавливаем размеры окна приложения
    this->setFixedSize(640, 640);
 
    scene = new QGraphicsScene(this);   // Инициализируем графическую сцену
    scene->setItemIndexMethod(QGraphicsScene::NoIndex); // настраиваем индексацию элементов
 
    ui->graphicsView->resize(600, 600);  // Устанавливаем размер graphicsView
    ui->graphicsView->setScene(scene);  // Устанавливаем графическую сцену в graphicsView
    ui->graphicsView->setCacheMode(QGraphicsView::CacheBackground); // Кэш фона
    ui->graphicsView->setViewportUpdateMode(QGraphicsView::BoundingRectViewportUpdate);
 
    scene->setSceneRect(0, 0, 500, 500); // Устанавливаем размер сцены
    
    /// Добавляем этот кусок, чтобы сделать сетку
    for(auto i = 0; i < 21; ++i){
        scene->addLine(i*25, 0, i*25, 500, QPen(Qt::gray));
        scene->addLine(0, i*25, 500, i*25, QPen(Qt::gray));
    }
}
void Widget::on_pushButton_clicked()
{
    MoveItem *item = new MoveItem();        // Создаём графический элемент
    item->setPos(250, 250);  // Делаем строго заданную позици появления квадрата
    scene->addItem(item);   // Добавляем элемент на графическую сцену
}

И модифицируем метод события перемещения мыши в самом классе квадрата

void MoveItem::mouseMoveEvent(QGraphicsSceneMouseEvent *event)
{
    /* Устанавливаем позицию графического элемента
     * в графической сцене, транслировав координаты
     * курсора внутри графического элемента
     * в координатную систему графической сцены
     * */
    QPointF position = event->pos();
    int x = position.x();
    int y = position.y();
 
    x = x % 25;
    y = y % 25;
 
    if(x >= 13){
        x = position.x() - x + 25;
    } else {
        x = position.x() - x;
    }
 
    if(y >= 13){
        y = position.y() - y + 25;
    } else {
        y = position.y() - y;
    }
    this->setPos(mapToScene(QPointF(x, y)));
}

Также я немного уменьшил размеры квадратов для наглядности.

QRectF MoveItem::boundingRect() const
{
    return QRectF (-20, -20, 40, 40);
}
 
void MoveItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
    painter->setPen(Qt::black);
    painter->setBrush(Qt::green);
    painter->drawRect(-20, -20, 40, 40);
    Q_UNUSED(option);
    Q_UNUSED(widget);
}

После этих изменений объекты будут двигаться с заданным шагом в 25 пикселей.

2) приоритетный в решении момент. Как понять, что два элемента стоят рядом, то есть соединены в цепь или что выходы одного элемента подключены ко входам второго.

А относительно присоединений.. Вам тогда нужно разработать собственный дизайн графических элементов, чтобы ключевые точки были посередине граней условных квадратов, областей QRect, в которых будут лежать Ваши электрические элементы. В данном примере условная область QRect будет занимать 4 клетки.

Тогда останется отслеживать пересечения данных условных точек, как показано в уроке про определение коллизий.

Останется только правильно составить алгоритм из пересекающихся элементов для расчёта. Но это уже довольно большой объём работы. В двух словах сходу не придумаешь. Нужно пораскинуть мозгами.

    JP
    • April 18, 2016, 11:59 p.m.
    Спасибо большое! Вы очень помогли!

      Comments

      Only authorized users can post comments.
      Please, Log in or Sign up
      • Last comments
      • AK
        April 1, 2025, 11:41 a.m.
        Добрый день. В данный момент работаю над проектом, где необходимо выводить звук из программы в определенное аудиоустройство (колонки, наушники, виртуальный кабель и т.д). Пишу на Qt5.12.12 поско…
      • Evgenii Legotckoi
        March 9, 2025, 9:02 p.m.
        К сожалению, я этого подсказать не могу, поскольку у меня нет необходимости в обходе блокировок и т.д. Поэтому я и не задавался решением этой проблемы. Ну выглядит так, что вам действитель…
      • VP
        March 9, 2025, 4:14 p.m.
        Здравствуйте! Я устанавливал Qt6 из исходников а также Qt Creator по отдельности. Все компоненты, связанные с разработкой для Android, установлены. Кроме одного... Когда пытаюсь скомпилиров…
      • ИМ
        Nov. 22, 2024, 9:51 p.m.
        Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
      • Evgenii Legotckoi
        Oct. 31, 2024, 11:37 p.m.
        Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup