svgtoandroid
misakuo
452
Visit GitHub RepoIDE Plugins

SVG2VectorDrawable Build Status

Android Arsenal

README: 中文 | English

简介

Intellij Platform插件,通过其可以完成从svg文件到Android VectorDrawable的自动化转换。

特性

  • 图形化界面
  • 自动解析当前Project,如果当前Project为Android Project,则会列出所有Module
  • 支持将SVG解析为多种dpi的VectorDrawable
  • 支持SVG的transform属性
  • 支持批量转换指定目录内的所有svg文件

属性对应表

SVG Attribute VectorDrawable Attribute
id android:name
fill android:fillColor
fill-opacity android:fillAlpha
fill-rule android:fillType
stroke android:strokeColor
stroke-opacity android:strokeAlpha
stroke-width android:strokeWidth
stroke-linejoin android:strokeLineJoin
stroke-miterlimit android:strokeMiterLimit
stroke-linecap android:lineCap
transform android:{scaleX/Y | translateX/Y | pivotX/Y | rotation}

使用

安装

本插件支持Intellij IDEA和Android Studio,需要JDK版本1.6+

通过本地jar文件安装

从此处 下载svg2android.zip 文件,在IDE中打开 Preferences -> Plugins -> Install plugin from disk... 选择 svg2android.zip ,添加后重启IDE

通过插件仓库在线安装

在IDE中打开Preferences -> Plugins -> Browse Repositories,搜索SVG2VectorDrawable,安装插件并重启IDE

界面

img1

用法

GUI模式

settings

  • 点击···按钮,选择一个SVG源文件,或勾选batch,并点击···选择一个包含svg文件的目录
  • 在第一个下拉选框中选中要生成xml文件的module,在第二个选框中选择生成的VectorDrawable的分辨率
  • 填入生成xml文件的文件名,默认为vector_drawable_ + SVG文件的名称
  • 点击Generate,插件会生成出VectorDrawable并在编辑器中打开(默认覆盖同名文件)

注意:在module中已存在的分辨率目录为黑色字体,未存在的目录为灰色字体,如果选中不存在的目录,则插件会自动生成该目录。

Generate模式

settings

  • 在任意代码编辑器窗口中呼出Generate菜单(例如macOS默认是control+enter)
  • 选择VectorDrawable,插件会将指定目录中的所有svg文件转换到当前module的drawable目录中(默认跳过同名文件)

设置项

打开Prefreences -> Other Settings,选择SVG to VectorDrawable,打开设置面板

settings

  • SVG source: 设置存放svg文件的默认目录,在Generate模式中将会从该目录获取svg文件
  • Xml prefix: 设置生成的xml文件名的默认前缀
  • Auto check for update: 勾选后在每次打开GUI的时候会进行自动版本更新检查操作
  • Override the existing xml file when generating: 勾选后在生成过程中将会覆盖已存在的同名文件

更新日志

1.5

支持fill-rule属性(该属性目前仅被API 24+支持)
添加Generate模式
支持批量生成

1.4.2

针对Sketch导出的SVG文件做了优化

1.4.1

代码优化,更换新Icon

1.4.0

支持“transform”属性

Early

创建项目,bug fix

欢迎提交Issue和PR


Reference: svg2vectordrawable

Become a better Android Developer
Millions of developers are learning at MindOrks

Online Training Program

Featured Blogs

Our Team

MindOrks is Certainly one of the best online blog to stay on top of all the Android development news, coding and design patterns. Finally a blog I can count on to keep myself updated with latest and greatest things happening in Android world.

Vipul Shah
Android Developer
Microsoft

Become Pro in Android by watching videos

OUR LEARNERS WORK AT