【问题标题】:Xcode tab bar and SVG iconsXcode 标签栏和 SVG 图标
【发布时间】:2020-07-30 18:30:17
【问题描述】:

我希望我可以在标签栏上使用 SVG 图标。我目前正在使用 Xcode 12 beta 3,虽然它适用于这些图像,但图标似乎没有重新缩放。

有解决办法吗?

【问题讨论】:

    标签: ios iphone xcode uitabbar xcode12


    【解决方案1】:

    一些观察:

    • 请参阅Creating Custom Symbol Images for Your App,了解有关如何构建符号 SVG 资产的建议。

    • 过去,在 Xcode 中,我们不能轻易使用 SVG 资源。但是我们可以将它们转换为 PDF,然后我们可以将其拖到我们的资产目录中。当您在应用程序中使用资产时,它仍然会对其进行光栅化,这样您就不必自己创建三种不同大小的位图。如果您需要使其可扩展(例如,特别是可访问性),请选中资产目录中的“保留矢量数据”选项。

    • 在 Xcode 12(目前只有测试版)中,SVG 资源的导入得到了极大的改进。但是,当您使用它时,它似乎仍然会栅格化资产,就像旧的 PDF 方法一样。您需要确保您的 SVG/PDF 具有适合最终光栅化图像大小的画板。

    如果您考虑这些不同的矢量图形解决方案,请务必在您的目标最低操作系统上进行测试,然后再走得太远。我有一个带有矢量/PDF 资产的应用程序,并且在旧操作系统版本上出现了一些意想不到的边缘情况。

    【讨论】:

    • 我在尝试转换后的 SVG (PDF) 时发现的一件奇怪的事情是,系统似乎将像素转换/缩放为 0.75 的因子。所以 24px = 18pt 根据我的测试。 <svg> 元素的 heightwidth 属性设置为 24viewBox0 0 48 48。无论是否选中Preserve Vector Data 或使用Single Scale 选项。你知道这是标准比例还是只是巧合,我尝试了几个转换后的 SVG?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-06
    • 1970-01-01
    • 2021-11-16
    • 1970-01-01
    • 2017-11-26
    • 1970-01-01
    相关资源
    最近更新 更多