问题描述
当按下按钮时,我希望弹出一个对话框,用户可以在其中选择内容并最终按下 ‘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:
- 首先在 Designer 中将控件放置在对话框或 widget 中(它们不应位于布局中)。
- 选择你想放置在 splitter 中的控件(按住 CTRL 并点击它们)。
- 右键点击选中的控件,从布局菜单中选择“Lay Out Horizontally in Splitter”或“Lay Out Vertically in Splitter”。
- 现在对对话框应用一个网格布局,一切应该都正常了。你可以在对象检查器视图中看到类似的内容:
补充
- 有用户指出在 splitter 中间的树控件占用了几乎 80% 的宽度,建议参考相关帖子,设置 stretch factor。
解答二
这是一个更详细的解决方法:
- 在某个 widget 容器内放置你需要的控件。例如,对于一个窗口,有一个 Widget 作为窗口,并在其中放置两个 widget,分别命名为 topContainer 和 bottomContainer。然后分别在这些容器中放置所需的控件,并为它们设置各自的布局。
- 不要选择主要容器,而是选择想分割的两个控件。实质上,你是在这两个控件之间放置一个 splitter,而不是在主要容器上。因此,在控件列表窗口中选择这两个控件,然后右键点击打开对话框菜单,滑动到布局选项,选择“Lay Out Vertically in Splitter”。
- 仍然需要在主要容器上应用一个布局。splitter 并不是一个布局,因此此时只需在主要容器上应用一个垂直布局即可。
关键在于:不是在包含待分割控件的主要容器上设置布局,而是通过选择待分割的控件并在它们之间添加一个 QSplitter。
解答三
在使用 Qt Designer 创建控件并使用 .ui 文件时,可以添加一个 QWidget 对象到对话框中。然后,在将要编写的 QDialog 派生类的构造函数中,使用 QWidget 对象作为父对象来创建 QSplitter。
这种方式可以使用 Qt Designer 来创建除 splitter 对象以外的所有控件。
总结
在 Qt Designer 中管理 QSplitter 主要有两种方法:直接在 Designer 中创建 splitter 并将控件加入其中,或者在 Designer 中创建控件,然后在代码中设置 splitter。选择哪种方法取决于项目的具体需求和个人的习惯。了解这两种方法以及相关的技巧将能帮助更有效地使用 Qt Designer 进行界面设计。