Qt：Qt Widgets

左手的ㄟ右手 2022-10-22 02:54 236阅读 0赞

[Qt Widgets][]提供了一组UI元素，以创建经典的桌面式用户界面，有关使用小部件的更多信息，见参阅[用户界面][Link 1]概叙

# 部件(Widgets) #

[小部件][Link 2]是创建Qt中用户界面的主要元素。小部件可以显示数据和状态信息，接收用户输入，并为应组合在一起的其他小部件提供容器。未嵌入到父小部件中的小部件称为[窗口][Link 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]  
[QWidget][]类提供向屏幕渲染和处理用户输入事件的基本功能。Qt提供的所有UI元素要么是`QWidget`的子类，要么与`QWidget`关联使用。创建自定义小部件是通过对`QWidget`或合适的子类进行分级并重新实现虚拟时间处理程序完成的。

*  [窗口和对话小部件][Link 3]
 *  [应用主窗口][Link 4]
 *  [对话窗口][Link 5]
 *  [小部件中的键盘对焦][Link 6]

# 样式(Styles) #

[样式][Link 7]代表小部件绘制，并封装GUI的外观和感觉。Qt的内置小部件使用[QStyle][]类执行几乎所有的绘图，确保它们看起来完全像等效的原生小部件。  
![|][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]  
[Qt 样式表][Qt]是一种强大的机制，除了通过子类`QStyle`已经可以实现的功能外，它还允许您自定义小部件的外观

# 布局(Layouts) #

[布局][Link 8]是一种优雅而灵活的方式，可以在容器内自动排列子部件。每个小部件通过[sizeHint][]和[sizePolicy][]属性向布局报告其大小要求，布局相应的分配可用空间

![在这里插入图片描述][20210403101930362.png]  
[Qt Designer ][Qt Designer]是一个强大的工具，用于交互式创建和排列布局中的小部件

# Model/View类 #

[模型/视图架构][Link 9]提供管理想用户呈现数据方式的类。使用列表和表格的数据驱动应用程序的结构使用模型、视图和委托将数据和视图分开  
![在这里插入图片描述][20210403102226616.png]

# 图形视图 #

[图形视图框架][Link 10]用于管理和大量定制的  
D图形项目交互，以及用于可视化项目的视图小部件，支持缩放和旋转

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 2]

# 使用模块 #

使用Qt模块需要直接或者通过其他依赖库与模块库进行连接。几个构建工具对此有专门的支持，包括cmake和qmake

## 用cmake构建 ##

使用find\_package（）命令在Qt6包中查找所需的模块组件：

find_package(Qt6 COMPONENTS Widgets REQUIRED)
    target_link_libraries(mytarget PRIVATE Qt6::Widgets)

## 用qmake构建 ##

要配置用于使用qmake生成的模块，请将该模块作为QT变量的值添加到项目的.pro文件中：

QT += widgets

# 模块演化 #

[对Qt小部件的更改][Qt 1]列出了模块API中的重要更改以及为qt6系列Qt所做的功能。

# 相关信息 #

## 教程 ##

*  [小部件教程][Link 11]
 *  [开始使用 Qt 小部件编程][Qt 2]
 *  [创建基于Qt的小部件应用程序][Qt 3]
 *  [模型/视图教程][Link 12]

## 例子 ##

*  [Qt小部件示例][Qt 4]
 *  [布局示例][Link 13]

# API参考 #

这些是指向 API 参考材料的链接。

*  [Qt小部件C++类][Qt Widgets]
    
     *  [基本小部件类][Link 14]
     *  [高级小部件类][Link 15]
     *  [摘要小部件类][Link 16]
     *  [组织者小部件类][Link 17]
     *  [图形视图类][Link 18]
     *  [模型/查看类][Link 19]
     *  [主窗口和相关类][Link 20]
     *  [小部件外观和风格相关类][Link 21]
     *  [布局类][Link 22]
 *  [Qt 样式表参考][Qt 5]

[Qt Widgets]: https://doc.qt.io/qt-6/qtwidgets-module.html
[Link 1]: https://blog.csdn.net/zhizhengguan/article/details/103166363
[Link 2]: https://doc.qt.io/qt-6/widget-classes.html#the-widget-classes
[Link 3]: https://doc.qt.io/qt-6/application-windows.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]: /images/20221022/d6062fb7f7554374951dfd8570595ab0.png
[QWidget]: https://doc.qt.io/qt-6/qwidget.html
[Link 4]: https://doc.qt.io/qt-6/mainwindow.html
[Link 5]: https://doc.qt.io/qt-6/dialogs.html
[Link 6]: https://doc.qt.io/qt-6/focus.html
[Link 7]: https://doc.qt.io/qt-6/style-reference.html
[QStyle]: https://doc.qt.io/qt-6/qstyle.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]: /images/20221022/b869ff8fbf8d492d97fa3346b8a3cbde.png
[Qt]: https://doc.qt.io/qt-6/stylesheet.html
[Link 8]: https://doc.qt.io/qt-6/layout.html
[sizeHint]: https://doc.qt.io/qt-6/qwidget.html#sizeHint-prop
[sizePolicy]: https://doc.qt.io/qt-6/qwidget.html#sizePolicy-prop
[20210403101930362.png]: /images/20221022/65c81f59e6884931a2322eaf44549d5a.png
[Qt Designer]: https://doc.qt.io/qt-6/qtdesigner-manual.html
[Link 9]: https://doc.qt.io/qt-6/model-view-programming.html
[20210403102226616.png]: /images/20221022/3eeb286c542e4c2d953c0fe56dc32ec2.png
[Link 10]: https://doc.qt.io/qt-6/graphicsview.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 2]: /images/20221022/798149c1cc9d41d8bcf5bcef521327c2.png
[Qt 1]: https://doc.qt.io/qt-6/widgets-changes-qt6.html
[Link 11]: https://doc.qt.io/qt-6/widgets-tutorial.html
[Qt 2]: https://blog.csdn.net/zhizhengguan/article/details/81631879
[Qt 3]: http://doc.qt.io/qtcreator/creator-writing-program.html
[Link 12]: https://doc.qt.io/qt-6/modelview.html
[Qt 4]: https://doc.qt.io/qt-6/examples-widgets.html
[Link 13]: https://doc.qt.io/qt-6/layout.html#layout-examples
[Link 14]: https://doc.qt.io/qt-6/widget-classes.html#basic-widget-classes
[Link 15]: https://doc.qt.io/qt-6/widget-classes.html#advanced-widget-classes
[Link 16]: https://doc.qt.io/qt-6/widget-classes.html#abstract-widget-classes
[Link 17]: https://doc.qt.io/qt-6/widget-classes.html#organizer-widget-classes
[Link 18]: https://doc.qt.io/qt-6/widget-classes.html#graphics-view-classes
[Link 19]: https://doc.qt.io/qt-6/model-view-programming.html#model-view-classes
[Link 20]: https://doc.qt.io/qt-6/widget-classes.html#main-window-and-related-classes
[Link 21]: https://doc.qt.io/qt-6/widget-classes.html#widget-appearance-and-style-related-classes
[Link 22]: https://doc.qt.io/qt-6/widget-classes.html#layout-classes
[Qt 5]: https://doc.qt.io/qt-6/stylesheet-reference.html