【发布时间】:2019-04-29 20:27:42
【问题描述】:
我正在 Android 和 iOS 上开发两个本机应用程序。
对于我最近做的一个网站,我只使用了 SVG,因为它具有更好的缩放质量和更小的文件大小。
这在移动设备上是否也是可能的并且被认为是良好的做法,还是我应该坚持使用好的旧 PNG?
根据我收集的初步研究,Android 是可能的,也可能是 iOS 的 SVGKit 或 JAMSVGImage,但这可行吗?
【问题讨论】:
我正在 Android 和 iOS 上开发两个本机应用程序。
对于我最近做的一个网站,我只使用了 SVG,因为它具有更好的缩放质量和更小的文件大小。
这在移动设备上是否也是可能的并且被认为是良好的做法,还是我应该坚持使用好的旧 PNG?
根据我收集的初步研究,Android 是可能的,也可能是 iOS 的 SVGKit 或 JAMSVGImage,但这可行吗?
【问题讨论】:
你可以在 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 size、name、opacity et.c.
你可以走了。
对于 IOS,您可以导入 PDF 文件以使用 Scaleable
【讨论】:
谈到这个问题的 iOS 部分,Apple 支持基于矢量的资源,并积极鼓励将它们用作工具栏、导航栏等图标的字形(基于矢量的单色模板)。您可以在此处查看更多详细信息在Custom Icons part of the Apple Human Interface Guidelines。
也就是说,它们支持的标准格式(而不是 SVG)是基于矢量的 PDF(即仅包含基于矢量的内容的 PDF 文件)。如果您有兴趣,请在this question 中对此部分进行更多讨论。 Adobe Illustrator 和 Affinity Designer 等各种工具支持直接导出为 PDF(请参阅 here 和 here 了解这些工具的相应教程)。
编辑:正如 cmets 中所讨论的,您可以比较矢量 PDF 与 SVG here。
希望这会有所帮助。
【讨论】: