5

我想将 aQWidget放入 aQGraphicsView并使用QGraphicsProxyWidget. （这非常适用于QGraphicsRectItem等QGraphicItem）

这是我目前使用的代码：

// Create new QGraphicsScene and assign to graphicsView
scene = new QGraphicsScene(this);
ui->graphicsView->setScene(scene);

// Create widget and add to scene
MyWidget *widget = new MyWidget;
QGraphicsProxyWidget *proxy = scene->addWidget(widget);

// Make selectable
proxy->setFlag(QGraphicsItem::ItemIsSelectable, true);
// Make movable
proxy->setFlag(QGraphicsItem::ItemIsMovable, true);

小部件显示正确，但既不可移动也不可选择！

任何帮助将不胜感激 ;）

4

2 回答 2

14

我问自己和你在这里问的一样的问题。在我继续解决这个问题之前，我想出了几个小时的解决方案，我不得不提一下，如果你想在场景中添加大量的小部件，一般来说，向场景中添加小部件并不是一个好主意。您可以在此处阅读有关此问题的信息。

现在回到正轨。以下是在尝试实现您想要的事情时出现的一些重大问题：

  • 如果您弄乱了小部件代理的mouseMove()和mouseHover()，您将搞砸小部件的 UI 组件的行为方式。
  • 同时您希望它是可选择和可移动的，因此您必须以某种方式将此类功能添加到小部件代理

我们如何做到这一点？好吧，直接这似乎是不可能的。但是我想出了一个简单的解决方案来完成工作 - 将 aQGraphicsProxyWidget与 a结合起来QGraphicsItem！

为了在您的小部件中保留 UI 组件的功能，您需要将代理作为子项添加到图形项。另一方面，图形项（代理的父项）将覆盖选择和移动部分。

这是一个小演示（我不排除错误，因为这是我目前正在研究的东西，而且大部分时间我使用 PyQt 而不是 C++ Qt）：

带有可移动代理的场景.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>SceneWithMovableProxies</class>
 <widget class="QWidget" name="SceneWithMovableProxies">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>400</width>
    <height>300</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>SceneWithMovableProxies</string>
  </property>
  <layout class="QGridLayout" name="gridLayout">
   <item row="0" column="0">
    <widget class="QGraphicsView" name="graphicsView"/>
   </item>
  </layout>
 </widget>
 <layoutdefault spacing="6" margin="11"/>
 <resources/>
 <connections/>
</ui>

主文件

#include "scenewithmovableproxies.hpp"
#include <QApplication>

int main(int argc, char *argv[])
{
  QApplication a(argc, argv);
  SceneWithMovableProxies w;
  w.show();

  return a.exec();
}

带有可移动代理的场景.hpp

#ifndef SCENEWITHMOVABLEPROXIES_HPP
#define SCENEWITHMOVABLEPROXIES_HPP

#include <QWidget>
#include <QPoint>

namespace Ui {
  class SceneWithMovableProxies;
}

class SceneWithMovableProxies : public QWidget
{
    Q_OBJECT

  public:
    explicit SceneWithMovableProxies(QWidget *parent = 0);
    ~SceneWithMovableProxies();

  private:
    Ui::SceneWithMovableProxies *ui;
    void addWidgetToScene(QPoint initPos);
};

#endif // SCENEWITHMOVABLEPROXIES_HPP

带有可移动代理的场景.cpp

#include "scenewithmovableproxies.hpp"
#include "ui_scenewithmovableproxies.h"
#include "scenewidgetitem.hpp"
#include <QGraphicsProxyWidget>

SceneWithMovableProxies::SceneWithMovableProxies(QWidget *parent) :
  QWidget(parent),
  ui(new Ui::SceneWithMovableProxies)
{
  ui->setupUi(this);
  ui->graphicsView->setRenderHint(QPainter::Antialiasing);
  ui->graphicsView->setScene(new QGraphicsScene(this));

  // Add widget proxies + their parenting graphics items to scene
  addWidgetToScene(QPoint(10, 10));
  addWidgetToScene(QPoint(300, 100));
  addWidgetToScene(QPoint(200, 200));
}

SceneWithMovableProxies::~SceneWithMovableProxies()
{
  delete ui;
}

void SceneWithMovableProxies::addWidgetToScene(QPoint initPos)
{
  // Create a widget
  SceneWidgetItem *widget = new SceneWidgetItem();
  // Create the graphics item that will be used to move the widget around the screen as well as be selectable (for example in case we want to delete a widget that is in the scene)
  // Depending on the position of the graphics item relative to its widget proxy you can adjust the size and location of both
  QGraphicsRectItem *proxyControl = ui->graphicsView->scene()->addRect(initPos.x(), initPos.y(), widget->width(), 20, QPen(Qt::black), QBrush(Qt::darkGreen)); // widget->width() works properly here because of the resize(layout->sizeHint()) that we have used inside it
  proxyControl->setFlag(QGraphicsItem::ItemIsMovable, true);
  proxyControl->setFlag(QGraphicsItem::ItemIsSelectable, true);
  // Create the proxy by adding the widget to the scene
  QGraphicsProxyWidget * const proxy = ui->graphicsView->scene()->addWidget(widget);
  // In my case the rectangular graphics item is supposed to be above my widget so the position of the widget is shifted along the Y axis based on the height of the rectangle of that graphics item
  proxy->setPos(initPos.x(), initPos.y()+proxyControl->rect().height());
  proxy->setParentItem(proxyControl);

  // proxyControl->setRotation(45); // Because the widget is a child of the graphics item if we do some sort of transformation to it, the change will be propagated to the widget too!
}

场景小部件.hpp

#ifndef SCENEWIDGETITEM_HPP
#define SCENEWIDGETITEM_HPP

#include <QWidget>
#include <QVBoxLayout>
#include <QCheckBox>
#include <QComboBox>
#include <QLabel>
#include <QPushButton>

class SceneWidgetItem : public QWidget
{
    Q_OBJECT
    QVBoxLayout *layout;
    QLabel *label;
    QCheckBox *checkbox;
    QComboBox *combobox;
    QPushButton *resetButton;
  public:
    explicit SceneWidgetItem(QWidget *parent = 0);
    ~SceneWidgetItem();

  signals:

  public slots:
    void reset();
};

#endif // SCENEWIDGETITEM_HPP

场景小部件.cpp

#include "scenewidgetitem.hpp"

// Create a widget with whichever UI components you like
SceneWidgetItem::SceneWidgetItem(QWidget *parent) : QWidget(parent)
{
  layout = new QVBoxLayout(this);
  checkbox = new QCheckBox("Enable proxy", this);
  checkbox->setChecked(true);
  combobox = new QComboBox(this);
  combobox->addItem("---");
  combobox->addItem("Item 1");
  combobox->addItem("Item 2");
  combobox->addItem("Item 3");
  label = new QLabel(this);
  label->setText(combobox->itemText(0));
  resetButton = new QPushButton("Reset", this);

  // Maybe add some signals :P
  connect(checkbox, SIGNAL(toggled(bool)), combobox, SLOT(setEnabled(bool)));
  connect(checkbox, SIGNAL(toggled(bool)), resetButton, SLOT(setEnabled(bool)));
  connect(resetButton, SIGNAL(clicked(bool)), this, SLOT(reset()));
  connect(combobox, SIGNAL(currentIndexChanged(QString)), label, SLOT(setText(QString)));

  layout->addWidget(checkbox);
  layout->addWidget(label);
  layout->addWidget(resetButton);
  layout->addWidget(combobox);

  // Resizing the widget to its layout's content is very important. If 
  // you don't do that the parenting graphics item will not visually fit 
  // to its child widget and you will get a mess
  resize(layout->sizeHint());
  setLayout(layout);
}

SceneWidgetItem::~SceneWidgetItem()
{

}

void SceneWidgetItem::reset()
{
  combobox->setCurrentIndex(0);
  label->setText("---");
}

以下是一些截图：

初始视图 在此处输入图像描述

三分之二被选中 在此处输入图像描述

移动 在此处输入图像描述

旋转

在此处输入图像描述

与小部件交互 - 使用 QComboBox 在此处输入图像描述

与小部件交互 - 使用 QCheckBox 在此处输入图像描述

现在由于QGraphicsItem（以及QGraphicsProxyWidget）的性质，存在一些问题，其中最烦人的是重叠

重叠 在此处输入图像描述

然而，通过使用碰撞检测可以相对容易地避免重叠，并且基本上不允许重叠。由于QGraphicsProxyWidget也可以使用该QGraphicsItem功能collisionWithItem(...)，因此您可以实现一种机制来处理这种情况。由于我是新手QGraphicsScene（2天前开始在SO :D上回答问题时开始），因此可能有某种综合机制QGraphicsScene本身来处理这个问题。

失真 在旋转屏幕截图中，您可能已经注意到以前完美的直线出现了一些视觉上的怪异。这些就是所谓的锯齿状。目前我不知道如何摆脱这些。我曾尝试使用高质量的抗锯齿，但结果甚至比仅使用抗锯齿 ( QPainter::Antialiasing) 还要糟糕。

进一步的研究 我实际上目前正在做我的一个小项目，我想为图像处理创建一个基于复合节点的 UI。在线查找此主题总是返回人们使用 simple QGraphicsItems 并且节点配置本身部分外包给QGraphicsViewer小部件外部的解决方案。您可以使用我上面描述的设计，并根据您以后想要做的事情添加更多内容。多个QGraphicItems 也可以附加到小部件代理。您可能会为此发疯，但请记住这会对性能产生影响（请阅读我在答案开头一次又一次地链接的博客文章）。

于 2016-02-28T16:00:06.667 回答
-2

这种行为不是 QGraphicsProxyWidget 想要的，例如考虑你有一个 QTextEdit 小部件并且你想点击这个小部件的文本来选择一些东西。此时，您遇到的问题是该鼠标事件应该由 QTextEdit 处理以进行选择过程，还是由 GraphicsWidget 处理以移动 QTextEdit。

选项 1：从 QGraphicsProxyWidget 派生并且在鼠标函数（mouseMove，...）中，您可以再次调用 QGraphicsItem::mouseMove()，这应该会再次恢复移动 Widget 的功能。

选项 2：这更像是一种解决方法，但在大多数情况下是更好的解决方案，因为它会阻止您管理选项 1 所必需的事件。只需创建一个大于 Widget W 的 GraphicsRectItem R。设置R 可移动等。将 W 添加到您的场景中，您将收到一个 QGraphicsProxyWidget P。调用 P->setParentItem(R)，最后调用 scene->AddItem(R);

现在您的 Widget 可以通过移动父矩形来移动。您还可以添加其他以 R 作为父级的 GraphicsRectIrems r，例如实现调整大小功能。您只需要为 r 安装一个 EventFilter 并在 filter 函数中对 mouseMove 事件做出反应。

于 2014-09-29T16:01:31.547 回答