功能全面的 UI 框架，随心组合

使用 Qt 全面的跨平台 UI 框架构建用户界面，灵活组合基础控件与丰富的 2D、3D 图形、图表、多媒体及着色器，并搭配现成或可定制的组件。

基础控件

3D 图形

自定义组件

跨平台用户界面

作为业内领先的全功能跨平台 UI 框架，Qt 允许企业组合大量现成及可定制组件来构建用户界面。开发者不仅能获得基础控件，还能将复杂组件自然融入 UI 之中，减少集成阻力，并实现 UI 与后端的清晰分离。部分，消除集成摩擦，并实现 UI 层与后端的清晰分离。

全平台流畅 UI

为嵌入式、移动、桌面及全屏 HMI 打造用户界面，提供原生性能表现。

了解更多

打造所需的 UI 类型

从现成或可定制组件中选择，按需构建用户界面。

了解更多

丰富的 UI 组件

高效地将 3D、多媒体或图表等丰富组件融入 UI。

了解更多

提供原生性能

流畅的跨平台用户界面

Qt 应用可在任意平台上运行。借助 Qt Quick 库及 UI 语言 QML，应用实现了 UI 与后端的清晰分离，具备内存安全性，并在语言层面完全跨平台。

企业可使用同一 UI 框架构建：

全屏 HMI 界面
移动端应用
面向资源受限设备的 MCU 应用
基于独立窗口的桌面应用

此外，Qt Quick 与 QML 极易上手，并支持与其他 UI 技术混合使用，以构建混合式 UI。

在线体验 Qt

更快构建 UI

现成 UI 控件

Qt Quick Controls 是预制的 UI 组件集合，涵盖按钮、容器、输入框、导航及弹出层等元素，企业可在此基础上进一步定制。这些控件为常用元素提供了经过优化的轻量级实现，使开发团队能专注于样式设计，而无需从零构建基础功能。

这些控件具备高度可样式化的特性：

声明式特性使样式定制具备良好的工具支持，
整体应用样式设计让 UI 易于保持系统一致性，
样式可自适应不同平台的原生外观与体验。

从在线课程开始查阅技术文档

基础组件与事件

使用形状、颜色及输入处理从零构建 UI。例如，将矩形、文本与点击或触摸事件组合，即可创建一个按钮。

参加在线课程

文本输入处理

利用字体处理功能支持常用及自定义字体，由 Qt 负责渲染、排版、本地化及文本输入法处理。

参加在线课程

布局

现成处理 UI 元素的相对定位，例如文本标签与关联字段，确保在本地化等版本中呈现优质外观与体验。

查阅技术文档

图像处理与地图

轻松为图像或地图添加效果或文字，对视觉元素进行着色或转为黑白，并结合实时定位能力。

体验实时地图示例

效果

创建拟物化效果，模拟光泽表面或液态玻璃质感，打造更具吸引力的 UI，或在用户需要关注处突出显示 UI 元素。

查看汽车 UI 演示

动画

对 GUI 元素进行定位、着色与缩放。例如，鼠标悬停或点击按钮、图像时将其放大，带来更具响应性的用户体验。

体验数字孪生演示

3D

结合其他 UI 元素，通过基于现代图形 API 构建的高级 API，创建实时交互式 3D 内容。

探索 Qt 的 3D 功能

图形

借助硬件加速的 OpenGL 支持及强大的场景图架构，在 UI 中融入高性能的 2D 与 3D 矢量图形。

查看图形相关最新资讯

图表

通过响应迅速、可定制的图表将数据可视化，覆盖从简单 2D 到高精度 3D，并支持体渲染等高级技术。

探索 Qt 的图表能力

多媒体

处理音视频播放、渲染与录制，并支持访问系统摄像头、麦克风及屏幕捕获所需的内存缓冲区。

查阅多媒体功能技术文档

网页内容、PDF 及更多

提供浏览器引擎，将 HTML、XHTML 及 SVG 内容嵌入 Qt 应用，并在查看器中渲染 PDF 文档。

查阅 Qt WebEngine Quick 技术文档

虚拟键盘与文字转语音

使用现成的 UI 无障碍功能模块，如高对比度模式、全局缩放、元数据及无障碍树结构。

探索 Qt 的无障碍功能

清晰构建

UI 与后端的清晰解耦

使用基于模型-视图编程的 UI 框架，企业可以将用户界面与后端相连，同时保持二者分离，从而支持大型现代化项目中常见的混合式 UI 需求。此外，Qt Framework 还提供大量核心功能，可高效地与 UI 相结合。

亮点包括

QML 绑定与信号处理，实现对变化的实时响应
丰富的网络与连接及数据处理选项
现成的无障碍功能
助力保障网络安全与合规的功能模块，例如应对欧盟网络弹性法案（EU Cyber Resilience Act）

超过 150 万开发者选择 Qt

听听我们的客户怎么说：

"Qt 框架能够以非常美观、出色的方式呈现大量数据。"

Volven CEO Filip Berg-Nielsen

查看客户案例

"Qt 的跨平台通用性、模拟器效率以及多语言开发效率均处于业内领先水平。"

Roland Corporation 研发中心经理 Yoshinobu Tatsui

查看客户案例

" Qt 的跨平台能力与 QML 的模块化设计带来了显著优势。"

Blue Ctrl 技术总监Espen Skjong

查看客户案例

"我们应用的前端完全基于 QML 运行，全体开发者都用它来制作原型并测试新的 UI 组件与功能。"

Clarius CTO Kris Dikie

查看客户案例

"我们希望引入前沿功能，同时为开发者提供一款易用且有趣的开发工具。"

Cendio 公司 ThinLinc 产品负责人Pierre Ossman

查看客户案例

声明式 UI 开发

QML 语言

QML 是一种声明式、内存安全的语言，专为使用 Qt 设计和实现用户界面而生。

QML 支持：

编写简洁易读的代码
使用命令式 JavaScript 扩展 UI 描述
在语言层面实现完全跨平台的开发
借助直观的语法快速上手
轻松创建原型

除用于开发 UI 外，QML 还与后端及 Qt 对象系统紧密结合，可实现高效的事件处理，例如支持带自动化工作流的应用脚本编写。

通过在线课程开始学习查阅 QML 技术文档

Qt 新增的画布渲染功能

借助全新的画布渲染模块 Qt Canvas Painter，我们致力于打造最好的现代 C++ 绘画 API。本博客将介绍它为 Qt 用户带来...

2D渲染——Qt Canvas Painter简介

让我们来谈谈 Qt Canvas Painter - 一个全新的命令式 2D 渲染 API，旨在将性能、生产力和现代功能结合起来。本博文将为...

Qt Design Studio 4.6 发布

Qt Design Studio 4.6 现已发布！本月，我们将为您带来 Qt Design Studio 令人兴奋的新版本，进一步将开发人...

深入了解 Qt 框架

Qt 框架提供的完整库集合，覆盖从中间件到 UI、从 2D 到 3D、从平台到平台的各类开发工作。

查看 Qt 框架全部功能

版本发布与许可

Qt 框架规律的发布周期与灵活的许可选项，帮助企业为产品需求选择合适的方案。

了解 Qt 发布周期探索 Qt 许可