自定义 Qt 设计器小部件：包含自定义垂直布局的滚动区域

Question

我想做一些相当简单的事情：向 Qt 设计器添加一个自定义小部件，它基本上是一个包含自定义垂直布局的滚动区域（我向垂直布局添加了一些代码，以便为我的项目处理其对象）。 这个想法是代表一个垂直菜单，将在我的屏幕一侧

到目前为止我做了什么

我创建了自定义小部件插件和自定义布局。

我的自定义小部件代码如下所示：

#include "menuwidget.h"

MenuWidget::MenuWidget(QWidget *parent) :
        QScrollArea(parent)
{
    this->setWidgetResizable(true);
    QWidget* layoutHoldingWidget= new QWidget(this);
    layout= new MenuLayout();
    layout->setSizeConstraint(QLayout::SetMinAndMaxSize);
    layout->addStretch(1);
    layoutHoldingWidget->setLayout(layout);
    this->setWidget(layoutHoldingWidget);
}

如果我手动添加到布局中（在构造函数代码中）一些按钮

for(int i =0;i<20;i++)
    layout->addWidget(new QPushButton(this));

它确实有效，我可以看到我的滚动区域包含一些按钮，这几乎是我想要的。

我想要什么

我希望能够直接通过 Qt 设计器添加这些按钮：用户首先将空的 MenuWidget 拖到主窗口上，然后将 QPushButtons 拖到我的自定义小部件上，就像他在常规垂直布局上所做的那样。

这可能吗？我怎么能这样做？

谢谢！ :)

编辑 1

我缺少的是在拖放 QScrollArea 时始终创建的“scrollAreaWidgetContents”小部件。我做了类似的事情，在其 domXml 函数中将一个小部件（我们称之为 containerWidget）添加到我的自定义 scrollArea 中，这使我能够像我想做的那样将小部件拖放到我的滚动区域上。

但是我仍然无法弄清楚：我希望 containerWidget 有一个 customLayout (myCustomLayout) 。如果我在 domXml 函数中添加它，我会在终端中得到以下行：

Designer：不支持布局类型“MyCustomLayout”， 默认为网格。

所以这意味着我不能告诉设计师使用我的自定义布局来放置我的小部件，这有点可悲：D

这里有什么办法可以“作弊”吗？

Answer 1

有两点需要考虑：

1) 在从 QDesignerCustomWidgetInterface 派生的类中覆盖函数以返回 true

bool isContainer() const { return true; }

这告诉 QtDesigner 小部件可以包含孩子。 （在 Qt 中，几乎任何 Widget 都可以包含任何子部件，但 QtDesigner 试图以合理的方式限制它 - 例如，您不能将子部件添加到 QtDesigner 中的 QLabel）

2) 实现 Widget 的 childEvent。可能在您的情况下，它会将 QtDesigner 中添加的小部件添加到布局中。

这是我实施的一个核心来尝试这一点。我在 QtCreator 中使用“Qt Widget Plugin”向导创建了一个骨架，并稍作修改。

不要忘记将 QtDesigner 的编译器/Qt 版本构建为 release，将 \plugins\designer 目录中的 .dll 和 .lib 文件复制到 重启 QtDesigner！

verticalplugin.cpp

//all other functions remained as created by QtCreator wizard
bool VerticalMenuPlugin::isContainer() const
{
    return true;
}

VerticalMenu.h

#ifndef VERTICALMENU_H
#define VERTICALMENU_H

#include <QtGui/QWidget>
#include <QtGui/QVBoxLayout>

class VerticalMenu : public QWidget
{
    Q_OBJECT

protected:
    virtual void childEvent ( QChildEvent * event );
public:
    VerticalMenu(QWidget *parent = 0);
};

#endif

VerticalMenu.cpp

#include "verticalmenu.h"
#include <QChildEvent>

VerticalMenu::VerticalMenu(QWidget *parent) :
    QWidget(parent)
{
    setLayout (new QVBoxLayout);
}

void VerticalMenu::childEvent ( QChildEvent * event )
{
    if ( event->added() )
    {
        QWidget * newChild = qobject_cast<QWidget *>(event->child());
        if ( newChild )
        {
            layout()->addWidget( newChild );
        }
    }
}

我希望'这将有助于作为一个起点。

Answer 2

Qt 4 does not support custom layout plugins for designer，所以我无法实现我想做的事情。我将改为使用垂直布局，并尝试在小部件代码中实现应该在自定义布局代码中的附加功能。