【问题标题】:SVG Assests on Android and iOS [closed]Android 和 iOS 上的 SVG 资产 [关闭]
【发布时间】:2019-04-29 20:27:42
【问题描述】:

我正在 Android 和 iOS 上开发两个本机应用程序。 对于我最近做的一个网站,我只使用了 SVG,因为它具有更好的缩放质量和更小的文件大小。 这在移动设备上是否也是可能的并且被认为是良好的做法,还是我应该坚持使用好的旧 PNG? 根据我收集的初步研究,Android 是可能的,也可能是 iOS 的 SVGKitJAMSVGImage,但这可行吗?

【问题讨论】:

    标签: android ios


    【解决方案1】:

    你可以在 Android 中使用 SVG 文件。 Android Studio 将您的 SVG 矢量转换为 XML 矢量

    以下是将 SVG 文件导入 Android Studio

    的过程

    1) 选择Android查看目录。

    2) 导航到 app > res > drawable

    3) 右键单击​​drawable文件夹。

    4) 选择新建 > 矢量素材Asset Studio 对话框将出现。

    5) 将资产类型设置为本地文件

    6) 从 Path 部分选择您的 SVG 图像。

    7) 还可以执行其他操作,例如,override sizenameopacity et.c.


    你可以走了。


    对于 IOS,您可以导入 PDF 文件以使用 Scaleable

    【讨论】:

    • 至于向后兼容性,有什么要查找的吗?
    • 是的,你可以在这里看到关于向后兼容性的简要说明 developer.android.com/guide/topics/graphics/…
    • 你必须使用例如srcCompat 让它向后兼容吧?
    • 是的,你是对的
    • 是的,默认情况下,因为某些时间路径有 .在价值观中
    【解决方案2】:

    谈到这个问题的 iOS 部分,Apple 支持基于矢量的资源,并积极鼓励将它们用作工具栏、导航栏等图标的字形(基于矢量的单色模板)。您可以在此处查看更多详细信息在Custom Icons part of the Apple Human Interface Guidelines

    也就是说,它们支持的标准格式(而不是 SVG)是基于矢量的 PDF(即仅包含基于矢量的内容的 PDF 文件)。如果您有兴趣,请在this question 中对此部分进行更多讨论。 Adobe Illustrator 和 Affinity Designer 等各种工具支持直接导出为 PDF(请参阅 herehere 了解这些工具的相应教程)。

    编辑:正如 cmets 中所讨论的,您可以比较矢量 PDF 与 SVG here

    希望这会有所帮助。

    【讨论】:

    • 非常感谢内行,请问您有使用SVGKit或JAMSVGImage的经验吗?保存为 PDF 而不是 SVG 有什么区别,缺少功能吗?关于性能,光栅图还是矢量图形更可取? :)
    • 抱歉,我自己并不熟悉这些工具。就个人而言,我建议直接从您用于制作艺术品的任何矢量工具中导出 PDF,而不是之后进行转换。根据该人机界面指南链接,Apple 推荐矢量而不是光栅图标。就每种文件类型的比较优势而言,它们对于基本矢量图形应该大致相同(根据定义,两者的比例相同),但这里有更多信息:95visual.com/blog/svg-pdf-jpg-png-whats-the-difference
    • 不,我相信它们被保存为 PDF,特别是它们可以作为矢量和比例,而不是作为光栅(PNG 将是)。如果您有兴趣,这里有一些关于缩放的更多信息:useyourloaf.com/blog/xcode-9-vector-images
    • 嘿。我听到了——我也喜欢保留所有内容——但这一切都是为了为那些较小的用户群付出额外努力的代价。真的取决于你想要提供什么,以及你认为旧设备上的用户比例。您始终可以使用矢量 pdf 作为默认值,如果您确实希望保留该支持,请额外检查以切换到老用户的栅格:stackoverflow.com/a/24505884/2272431
    • 对于旧 iOS 版本可能还有其他一些我不知道的选项,其他人会对此对话做出贡献。我不自称是专家,但我希望这会有所帮助!
    猜你喜欢
    • 2018-07-04
    • 1970-01-01
    • 2014-12-29
    • 1970-01-01
    • 1970-01-01
    • 2015-05-24
    • 2014-01-07
    • 2015-03-30
    • 2012-07-19
    相关资源
    最近更新 更多