本页内容

在Qt Widgets Designer

尽管Qt Widgets Designer 中的表单能准确呈现正在编辑的组件,但在编辑过程中预览最终外观仍非常有用。可通过打开“表单”菜单并选择“预览”,或在表单中按下Ctrl+R来激活此功能。

显示布局预览的截图,用于创建图像,并提供更改名称、宽度、高度和色深的选项

预览结果将精确展示该组件在应用程序中使用时的最终外观。

从 Qt 4.4 开始,可以使用各种皮肤预览表单——包括默认皮肤、使用 Qt 样式表创建的皮肤或设备皮肤。此功能模拟了在应用程序中调用QApplication::setStyleSheet() 的效果。

要预览带有皮肤的表单,请打开“编辑”菜单并选择“首选项...”

您将看到如下所示的对话框:

首选项对话框的截图,其中显示了界面模式、字体设置、打印和预览配置、其他模板路径以及网格可见性和对齐功能等选项

必须勾选“打印/预览配置”复选框才能启用皮肤预览功能。您可以从“样式”下拉框中选择提供的样式。

Qt Widgets Designer 打印和预览配置部分的屏幕截图,其中显示了一个用于选择界面样式的下拉菜单,包括“默认”、“Windows”、“Windows XP”等选项。

此外,您还可以预览使用 Qt 样式表创建的自定义样式表。下图展示了 Qt 样式表语法的示例及其对应的输出效果。

<span translate=Qt Widgets Designer 对话框的截图,显示了包含 QLineEdit CSS 属性的“编辑样式表”窗口,以及用于定义图像名称、大小和色深的“创建图像”对话框" src="images/designer-preview-stylesheet.png" title="Qt Widgets Designer 对话框的截图,显示了包含 QLineEdit CSS 属性的“编辑样式表”窗口,以及用于定义图像名称、大小和色深的“创建图像”对话框"/>

另一种选择是使用设备皮肤预览表单。通用设备皮肤列表可在Qt Widgets Designer 中找到,不过您也可以通过“浏览...”选项使用其他 QVFB 皮肤。

Qt Widgets Designer 打印和预览配置的屏幕截图,其中显示了一个用于选择设备皮肤的下拉菜单

查看表单代码

自 Qt 4.4 起,可以查看由User Interface Compiler (uic)为Qt Widgets Designer 表单生成的代码。

显示“表单”下拉菜单中“在代码中查看布局”选项的屏幕截图

从“表单”菜单中选择“查看代码...”后,将显示一个包含生成的代码的对话框。下图是uic 生成的代码示例。

显示代码查看器中“Form”代码的屏幕截图

保存和打印表单

在Qt Widgets Designer 中创建的表单可以保存为图像或进行打印。

显示“文件”菜单选项的屏幕截图保存表单

若要将表单保存为图像,请选择“保存图像...”选项。文件将以.png 格式保存。

打印表单

要打印表单,请选择“打印...”选项。

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.