如何在Qt Designer中管理QSplitter

问题描述

当按下按钮时，我希望弹出一个对话框，用户可以在其中选择内容并最终按下 ‘Ok’ 按钮。我想在这个对话框中放置一个 QSplitter，左侧面板将显示树状结构，右侧将显示其他内容。如何正确实现这一点？

从 Qt 的示例代码可以看出：

QSplitter *splitter = new QSplitter(parent);
QListView *listview = new QListView;
QTreeView *treeview = new QTreeView;
QTextEdit *textedit = new QTextEdit;
splitter->addWidget(listview);
splitter->addWidget(treeview);
splitter->addWidget(textedit);

在这个示例中，splitter 是没有使用对话框资源创建的。如果我必须以这种方式创建，那意味着所有控件都需要在代码中创建，而不是使用 Qt Creator。

解答一

可以简单地在 Qt Designer 中创建包含控件的 QSplitter：

1. 首先在 Designer 中将控件放置在对话框或 widget 中（它们不应位于布局中）。
2. 选择你想放置在 splitter 中的控件（按住 CTRL 并点击它们）。
3. 右键点击选中的控件，从布局菜单中选择“Lay Out Horizontally in Splitter”或“Lay Out Vertically in Splitter”。
4. 现在对对话框应用一个网格布局，一切应该都正常了。你可以在对象检查器视图中看到类似的内容：

补充

• 有用户指出在 splitter 中间的树控件占用了几乎 80% 的宽度，建议参考相关帖子，设置 stretch factor。

解答二

这是一个更详细的解决方法：

1. 在某个 widget 容器内放置你需要的控件。例如，对于一个窗口，有一个 Widget 作为窗口，并在其中放置两个 widget，分别命名为 topContainer 和 bottomContainer。然后分别在这些容器中放置所需的控件，并为它们设置各自的布局。
2. 不要选择主要容器，而是选择想分割的两个控件。实质上，你是在这两个控件之间放置一个 splitter，而不是在主要容器上。因此，在控件列表窗口中选择这两个控件，然后右键点击打开对话框菜单，滑动到布局选项，选择“Lay Out Vertically in Splitter”。
3. 仍然需要在主要容器上应用一个布局。splitter 并不是一个布局，因此此时只需在主要容器上应用一个垂直布局即可。

关键在于：不是在包含待分割控件的主要容器上设置布局，而是通过选择待分割的控件并在它们之间添加一个 QSplitter。

解答三

在使用 Qt Designer 创建控件并使用 .ui 文件时，可以添加一个 QWidget 对象到对话框中。然后，在将要编写的 QDialog 派生类的构造函数中，使用 QWidget 对象作为父对象来创建 QSplitter。

这种方式可以使用 Qt Designer 来创建除 splitter 对象以外的所有控件。

总结

在 Qt Designer 中管理 QSplitter 主要有两种方法：直接在 Designer 中创建 splitter 并将控件加入其中，或者在 Designer 中创建控件，然后在代码中设置 splitter。选择哪种方法取决于项目的具体需求和个人的习惯。了解这两种方法以及相关的技巧将能帮助更有效地使用 Qt Designer 进行界面设计。