生产质量

在线框设计和原型设计阶段之后，您可以使用预览和性能分析工具对您的 UI 进行微调，以进行生产。

如何在 UI 中实现生产质量的动态效果

• 预览 UI 以检查 FPS 刷新率。
• 对 UI 代码进行性能分析以找到导致慢速、不响应用户输入和卡顿的原因。

帧刷新率

一般来说，动画师力争让渲染引擎达到一致的 60 毫秒每秒 (FPS) 刷新率。60 FPS 意味着每一帧之间大约有 16 毫秒的间隔，在这段时间内可以进行处理，包括将绘图原语上传到图形硬件所需的处理。

动画的每秒帧率 (FPS) 在设计模式下工具栏的FPS字段中显示。

为了提高 FPS 速率，应用程序开发者应该

• 尽可能使用异步、事件驱动的编程。
• 使用工作线程来执行大量的处理。
• 绝不要手动旋转事件循环。
• 在每帧中绝不允许在阻塞函数中消耗超过几毫秒，以避免跳帧，这会 negative 影响用户体验。

有关在设备上预览 UI 的更多信息，请参阅在目标硬件上验证。

UI 代码性能分析

您可以使用集成到 Qt 设计工作室中的 QML 性能分析器，以找到 UI 中典型性能问题的原因。例如，您的 UI 可能很慢、不响应用户输入或卡顿。通常，这些问题是由在很少的帧中执行过多的 JavaScript 所引起的。所有 JavaScript 必须在 GUI 线程继续处理之前返回，如果 GUI 线程尚未准备好，则帧将被延迟或丢弃。

一般来说，知道在 UI 中时间花在了哪里，可以帮助您专注于实际存在的问题区域，而不是可能存在的问题区域。

确定哪些绑定运行频率最高或应用程序花费时间最多的功能，可以帮助您决定是否需要对问题区域进行优化，或者重新设计应用程序的一些实现细节以提高性能。在实际分析（剖析）之前尝试优化代码很可能会导致性能改进微乎其微，而不是显著提高。

更多信息，请参阅剖析 QML 应用。