矢量资源工具Vector_Asset_Studio

2018-10-28 11:14:29

 

Android Studio有一个称为“Vector Asset Studio”的工具,

它可以将SVG文件和PSD文件转化为工程可用的矢量可绘制资源(vector drawable resources),

使用矢量资源的好处是:

1、比图片资源要轻巧,编译出来的APK体积更小

2、可以自动适应不同尺寸和分辨率的屏幕

 

 

Android 5.0之后新增加了一个VectorDrawable类,用于定义矢量资源,但是必须要求5.0及更高版本才可以使用。

但是使用“Vector Asset Studio”这个工具,则不会受到低版本系统的影响!

这是因为“Vector Asset Studio”会在构建APK的时候将矢量资源转化为不同density的图片资源!~

 

以下说说使用方法:

在Android Studio中,依次点击“File”--“New”--“Vector Assets”,即可打开“Vector Asset Studio”工具,如下:

【Android】矢量资源工具Vector_Asset_Studio

在上面的界面中,

Asset Type--表示资源来源,有两种:Material Icon 和 Local File(SVG,PSD),分别是内置资源和其它本地资源

Name---表示文件名称,即drawable名称

Icon-----表示可选内置图标,点击可更改

Size-----表示图标大小

Opacity-表示图片不透明度

 

下面是内置的图标界面:


【Android】矢量资源工具Vector_Asset_Studio

 

下面是从本地导入一个SVG文件的效果:


【Android】矢量资源工具Vector_Asset_Studio

点击“Next”之后,将会提示你选择资源存放路径~~

 

【Android】矢量资源工具Vector_Asset_Studio

点击Finish即自动生成矢量资源,如下图所示:


【Android】矢量资源工具Vector_Asset_Studio

矢量资源是一个xml文件,里面描述了图形效果~~

 

至于这个矢量资源怎么用嘛,其实很简单,就把它当作成普通的drawable来引用就可以了~

Android Studion在构建的时候会将它转化为图片资源的

 

 【Android】矢量资源工具Vector_Asset_Studio

如果需要更改矢量资源的颜色,其实也很简单,一行代码就搞定了

【Android】矢量资源工具Vector_Asset_Studio

 

 

另:

附SVG资源下载地址:http://www.iconsvg.com/

还有这个:http://www.iconthink.com/

这个是阿里巴巴的:http://www.iconfont.cn/plus

 

 

Android5.0之后可直接支持矢量资源,不需要在构建的时候转化为图形资源,如果使用VectorDrawableCompat兼容包,可以让Android3.0以上的系统都支持。但是这有个不好之处。矢量资源加载的时候需要消费更多的CPU资源,毕竟,内存和性能不可兼得。官方建议不要超过200dp * 200dp ,否则的话会需要长时间执行绘制,特别是矢量动画。


  • 2018-03-27 16:37:57

    Java 8 将List转换为Map

    几个Java 8示例来向您展示如何将一个List对象转换为一个Map,以及如何处理重复的键

  • 2018-03-31 09:37:33

    Android Sqlite查询优化之一---运用索引

    最近笔者在做聊天功能模块,发现当本地聊天数据记录过大,以10万行数据进行了检索测试,发现时间太长了,要6s左右,但学着运用了下索引,时间大大提升,紧要几百毫秒就能完成. 以下内容,摘抄至网络

  • 2018-04-02 10:50:59

    mybatis 中的<![CDATA[ ]]>

    在使用mybatis 时我们sql是写在xml 映射文件中,如果写的sql中有一些特殊的字符的话,在解析xml文件的时候会被转义,但我们不希望他被转义,所以我们要使用<![CDATA[ ]]>来解决。

  • 2018-04-03 10:21:35

    jquery实时监听输入框值变化

    在做web开发时候很多时候都需要即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。而采用onchange时间又往往是在输入框失去焦点(onblur)时候触发,有时候并不能满足条件。

  • 2018-04-03 10:22:20

    JQuery如何监听DIV内容变化

    这几天在做一个微博的接入,需要判断微博是否被关注,要检查微博标签的DIV是否有“已关注”的字符,但这个DIV的内容是微博JSSDK动态生成。$("#id").html()是获取不到我想要的内容。原因是当我们获取的时候内容还没有改变,所以获取不到,如果就想到监听这个DIV内容变化后,再来获取就个时候就能获取到了。于是产生新的问题,如何监听DIV的变化?

  • 2018-04-04 23:52:03

    PowerManager之PowerManager

    当你在做一些事情时,如果持续时间过长,那么一段时间后屏幕会灭掉,如果你想在你做这些事时屏幕始终保持点亮状态,那么你需要WakeLock的帮助。