Qt：用户界面

Myth丶恋晨 2023-06-15 06:43 98阅读 0赞

Qt框架的主要用户界面技术是**Qt快速控制**和**Qt小部件**。Qt快速控制界面是流动的，动态的，最好的触摸界面。Qt小部件用于创建复杂的桌面应用程序。您可以创建带有目标平台原生外观的Qt快速控件和Qt窗口小部件接口。

# 用Qt快速控制构建UI #

Qt快速控制用于创建动态和流畅的用户界面。[Qt快速控制][Qt]模块提供QML类型，比如按钮、对话和菜单。您可以使用QML构建UI和JavaScript来实现逻辑

以下列表包含相关概述：

*  [Qt 快速控制][Qt]
 *  [QML 应用程序][QML]\- QML 的介绍
 *  [QML 中的视觉类型][QML 1]
 *  [响应 QML 中的用户输入][QML 2]
 *  [QML 中的动画][QML 3]
 *  [在 QML 中显示文本][QML 4]
 *  [QML 中的布局][QML 5]
 *  [样式和主题支持][Link 1]
 *  [在 QML 中集成JavaScript脚本][QML _JavaScript]
 *  [Qt 快速 3D][Qt _ 3D] \- 3D 图形的附加组件
 *  [Qt 着色器工具][Qt 1]\- 附加着色器效果

# Qt小部件用户界面 #

[Qt小部件][Qt 2]是桌面环境中典型的用户界面元素。这些小部件很好的集成到基础平台上，在windows，linux，masOS上提供原生的外观和感觉。小部件是成熟的，并具有丰富的用户界面元素，适合大多数传统的用户界面。与[Qt quick][]相比，这些小部件用于创建大型桌面应用程序，不太适合使用流体界面创建以触摸为中心的应用程序

以下列表包含 Qt 小部件的相关概述：

*  [小部件类][Link 2]
 *  [动画框架][Link 3]
 *  [应用主窗口][Link 4]
 *  [对话窗口][Link 5]
 *  [拖放][Link 6]
 *  [小部件和图形视图中的手势][Link 7]
 *  [布局管理][Link 8]
 *  [窗口和对话小部件][Link 9]
 *  [样式和风格感知小部件][Link 10]

# UI 界面的比较 #

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

# 相关主题 #

以下页面包含有关设计和开发用户界面的更多信息：

*  [设计工具][Link 11]\- 面向设计师和开发人员的用户界面工具概述
 *  [图形][Link 12]\- 图形概述
 *  [模型/视图编程][Link 13]
 *  [高 DPI][DPI]

[Qt]: https://doc.qt.io/qt-6/qtquickcontrols-index.html
[QML]: https://doc.qt.io/qt-6/qmlapplications.html
[QML 1]: https://doc.qt.io/qt-6/qtquick-usecase-visual.html
[QML 2]: https://doc.qt.io/qt-6/qtquick-usecase-userinput.html
[QML 3]: https://doc.qt.io/qt-6/qtquick-usecase-animations.html
[QML 4]: https://doc.qt.io/qt-6/qtquick-usecase-text.html
[QML 5]: https://doc.qt.io/qt-6/qtquick-usecase-layouts.html
[Link 1]: https://doc.qt.io/qt-6/qtquick-usecase-styling.html
[QML _JavaScript]: https://doc.qt.io/qt-6/qtquick-usecase-integratingjs.html
[Qt _ 3D]: https://doc.qt.io/qt-6/qtquick3d-index.html
[Qt 1]: https://doc.qt.io/qt-6/qtshadertools-index.html
[Qt 2]: https://blog.csdn.net/zhizhengguan/article/details/115412829
[Qt quick]: https://doc.qt.io/qt-6/qtquick-index.html
[Link 2]: https://doc.qt.io/qt-6/widget-classes.html
[Link 3]: https://doc.qt.io/qt-6/animation.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/qtgui-index.html#drag-and-drop
[Link 7]: https://doc.qt.io/qt-6/gestures-overview.html
[Link 8]: https://doc.qt.io/qt-6/layout.html
[Link 9]: https://doc.qt.io/qt-6/application-windows.html
[Link 10]: https://doc.qt.io/qt-6/style-reference.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/202104071627378.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg==,size_16,color_FFFFFF,t_70
[Link 11]: https://doc.qt.io/qt-6/topics-app-development.html#design-tools
[Link 12]: https://doc.qt.io/qt-6/topics-graphics.html
[Link 13]: https://doc.qt.io/qt-6/model-view-programming.html
[DPI]: https://doc.qt.io/qt-6/highdpi.html