码迷,mamicode.com
首页 > 其他好文 > 详细

使用SVG图片格式

时间:2015-12-28 12:26:25      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:

SVG格式, 适应屏幕, 图片较小, 还有很多优点, 参考. 本文讲解如何使用SVG格式.

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

下载SVG格式的图片.

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

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

技术分享

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

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

代码中导入图片.

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

显示
技术分享

如果是非AS2.0版本, 我们可以使用在线网站转换.
网址: http://inloop.github.io/svg2android/

上传SVG图片, 生成代码.
技术分享

勾选删除空组添加变换.

可以下载在线图片, 也可以在drawable文件夹中, 创建.xml文件, 粘贴代码.
使用方式与自动生成的类似, 直接添加即可.

通过观察发现, 均是500x500的图片:
自动生成的SVG图片是20KB, 在线生成的SVG图片是29KB.
而PNG(放大的系统图片)要732KB, 由此得知SVG图片还是非常节省内存的.
对于一些较大的App, 使用SVG图片有很大的吸引力.

Github下载地址

OK, Enjoy It.

使用SVG图片格式

标签:

原文地址:http://blog.csdn.net/caroline_wendy/article/details/50417372

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!