转载

Vectors时代(1) - SVG 格式缩减应用图像

时代在发展, 技术在进步, Android的Vector图像的时代已经到来. 在Google的最新支持库v23.2中, AppCompat类已经使用Vector图像, 使得AAR包减少9%, 大约70KB, 惠及所有高版本的应用. 当然我们也可以使用Vector, 瘦身应用. Vector图像是SVG格式在Android的表现形式. SVG图像适应屏幕, 图片较小, 优点很多, 参考 .

关于 Vectors时代 , 主要分为两节:

(1) 使用SVG格式图片生成Vector图像, 替换PNG, 缩减应用体积.

(2) 绘制Vector图像的路径动画, 在Android 5.0(21)以上系统使用, 参考 .

本文是第一节, 关于Vector图像.

SVG: Scalable Vector Graphics, 可缩放矢量图形.IRI: Internationalized Resource Identifiers, 国际化资源标识符.

本文源码的GitHub 下载地址 .

下载SVG格式的图片.

新建项目, 空白项目显示图片.

Android Studio 2.0路径: File -> New -> Vector Asset -> Local SVG file

Vectors时代(1) - SVG 格式缩减应用图像

勾选 重置图片大小左右布局适配 .

drawable 文件夹中, 就会发现 .xml 格式的图片.

代码中导入图片.

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="@null"
android:src="@drawable/homer_simpson"/>

显示

Vectors时代(1) - SVG 格式缩减应用图像

如果是 非AS2.0 版本, 我们可以使用在线网站转换.

网址: http://inloop.github.io/svg2android/

上传SVG图片, 生成代码.

Vectors时代(1) - SVG 格式缩减应用图像

勾选 删除空组添加变换 .

可以下载在线图片, 也可以在 drawable 文件夹中, 创建 .xml 文件, 粘贴代码.

使用方式与自动生成的类似, 直接添加即可.

通过观察发现, 均是500x500的图片:

自动生成的SVG图片是20KB, 在线生成的SVG图片是29KB.

而PNG(放大的系统图片)要732KB, 由此得知SVG图片还是非常节省内存的.

对于一些较大的App, 使用SVG图片有很大的吸引力.

OK, that’s all! Enjoy it.

原文  http://www.wangchenlong.org/2016/03/15/replace-svg-image/
正文到此结束
Loading...