Qt：Qt Designer

怼烎@ 2022-10-22 04:08 187阅读 0赞

>  *  [Qt Designer][] 是Qt Creator中的工具，用于为[Qt小部件][Qt]设计和构建图形用户界面(GUI)。您可以在视觉编辑器（s所见即所得）中撰写和自定义您的小部件或者对话，并使用不同的样式和分辨率进行测试。
>  *  `Qt Designer`可以作为独立工具使用，Qt设计器的两个版本仅在功能上有所不同，例如资源文件的使用以及如何在设计和编译模式中切换。
>  *  使用`Qt Designer`创建的小部件和Form与编程代码无缝集成，使用Qt的信号与插槽机制，以便您可以轻松地将行为分配给图形元素。
>  *  `Qt Designer`中设置的所有属性都可以在代码中动态更改。此外，小部件升级和自定义插件等特性允许您在Qt Creator中使用自己的组件
>  *  注意：你可以选择使用`Qt-Quick`进行用户界面设计，而不是使用小部件。这是一种更容易编写多种应用程序的方法。它实现了完全可定制的外观，触摸反应的元素，平滑的动画过渡，由`opengl`图形加速的力量支持  
>     如果你是新手，可以参考[了解Qt Designer][Qt Designer 1]文档。有关如何使用Qt 设计器的快速教程，请参阅[快速入门Qt Designer][Qt Designer 2]

# 编辑模式 #

Qt Designer提供四种编辑模式：[小部件编辑模式–Widget Editing Mode][Widget Editing Mode], [信号与插槽编辑模式–Signals and Slots Editing Mode][Signals and Slots Editing Mode], [好友编辑模式–Buddy Editing Mode][Buddy Editing Mode] 和[表单订单模式–Tab Order Editing Mode][Tab Order Editing Mode]

使用Qt设计器时，您将始终处于以下四种模式之一。要在模式之间切换，只需从“编辑”菜单或工具栏中选择它。下表更详细地描述了这些模式。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]

[Qt Designer]: https://doc.qt.io/qt-6/qtdesigner-manual.html
[Qt]: https://doc.qt.io/qt-6/qtwidgets-index.html
[Qt Designer 1]: https://blog.csdn.net/zhizhengguan/article/details/115143266
[Qt Designer 2]: https://blog.csdn.net/zhizhengguan/article/details/115188765
[Widget Editing Mode]: https://blog.csdn.net/zhizhengguan/article/details/115188746
[Signals and Slots Editing Mode]: https://blog.csdn.net/zhizhengguan/article/details/115188429
[Buddy Editing Mode]: https://blog.csdn.net/zhizhengguan/article/details/115418803
[Tab Order Editing Mode]: https://blog.csdn.net/zhizhengguan/article/details/115418865
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]: /images/20221022/f2226062d05c43d4864cc6b02812ed18.png