QML 中的 Retina 支持

Question

如何在 QML 中使用 Retina 支持？如何选择正确的尺寸和正确的图像分辨率？ 应用需要在视网膜和非视网膜设备上运行。

Answer 1

可以在here 找到 Morten Johan Sørvig 撰写的关于该主题的一篇非常出色且全面的文章。

Qt Quick 2 和 Qt Quick Controls 在 hdpi 支持方面开箱即用。 需要考虑的重要一点是光栅内容，如文章中所述：

作为应用开发者，您有两种选择：（忽略“无所事事” 选项）

Replace existing raster content with a high-resolution version
Provide separate high-resolution content

第一个选项很方便，因为每个选项只有一个版本 资源。但是，您可能会发现（或者您的设计师会告诉您） 像图标这样的资源在为特定分辨率创建时看起来最好。 为了促进这一点，Qt 采用了图像的“@2x”约定 文件名：

foo.png foo@2x.png

高分辨率内容可以与 原件。 “@2x”版本将在需要时自动加载 通过 QML Image 元素和 QIcon：

Image { source = “foo.png” } QIcon icon(“foo.png”)

（记得为QIcon设置AA_UseHighDpiPixmaps）

---

另一个话题here。