功能

• 导出多分辨率 PNG 资源

• 预览和导出多分辨率点九资源

• 导出矢量（Vector Drawable）资源

• 导出 Android 8 的自适应图标，圆形图标及旧版应用图标

• 查看和导出形状图层的 XML 代码

• 查看和导出色彩资源代码

• 导出图片资源后可以直接使用 ImageOptim 压缩（需安装 ImageOptim）

安装插件

• 下载并解压 Android Res Export.zip

• 双击 Android Res Export.sketchplugin 完成安装

配置点九宫资源导出支持

1、首先在复制以下命令到终端，安装 Xcode 命令行工具

xcode-select --install

复制以下命令到终端，安装 Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装完成后，在终端输入以下命令安装 ImageMagick

brew install imagemagick

配置矢量资源导出支持

首先从 Node.js 下载 node-v8(9).x.x.pkg 文件，按照安装向导安装 Node.js

安装完成后，打开终端输入以下命令安装 SVGO 和 svg2vectordrawable

npm install -g svgo svg2vectordrawable

使用

设计稿必须是 MDPI (1x) 尺寸，演示文件 demo.sketch

切换语言

执行 Plugins > Android Res Export > Help > Change Language

普通 PNG 资源

选择图层或图层组，执行 Plugins > Android Res Export > New PNG Asset （新建 PNG 资源）创建一个可以导出的 PNG 资源

也可根据普通 PNG 资源图层组结构自行创建组，不需要通过插件菜单中的新建功能，切片图层的名称即是资源的名称

点九资源

选择图层，执行 Plugins > Android Res Export > New Nine-Patch Asset （新建点九资源）创建一个点九资源

在 patch 组内修改图层 left right top 和 bottom 的宽或高，这个组内可以增加更多图层，使用 1 像素宽度的矩形，而不是 1 像素描边线条，填充必须是 #000000 或 #FF0000 尽量使用属性面板调整尺寸，直接拉伸图层容易导出图层出现尺寸数值出现小数影响使用

content 图层组下的切片图层必须名为 #9patch 复制组时请注意此图层名称，资源名称为 patch 和 content 组的上一级图层组名称

可以选中一个点九资源图层组，然后执行 Plugins > Android Res Export > Nine-Patch Preview（点九图片预览） 模拟预览点九资源的拉伸效果和内容区域

矢量资源

选择图层，执行 Plugins > Android Res Export > New Vector Drawable Asset（新建矢量资源）创建一个矢量文件资源

若要 Vector Drawable 支持低于 API V24 (Android 7) 的设备需要以下操作

选择可绘制矢量资源组内所有的形状图层，在属性面板的填充中点击设置图标，选择 Non-Zero

插件暂不支持 API V25+ 的渐变

应用图标资源

执行 Plugins > Android Res Export > New App Icon（新建应用图标）创建一个应用图标的模版页，模版是最新的 Android 8 图标

New App Icon (Legacy) 新建应用图标 (旧版) 菜单，用于创建早期图标的模版页，大部分应用可能同时需要这两种图标

考虑到可能会在文档中保留多种不同风格或不同版本的应用图标，在导出应用图标时，选当前选图标的模版页，执行 Plugins > Android Res Export > Export App Icon（导出应用图标）会自动更具图标的类型产生不同类型的资源

导出资源

执行 Plugins > Android Res Export > Export ...（导出...）分组下的相应菜单导出资源

在执行之前，如果文档有选中的图层，则只会导出选中的内容，否则将导出当前页面中的所有资源。导出应用图标则必须要求选中需要导出的画板

部分不合法的字符会被替换为下滑线，执行 Plugins > Android Res Export > Asset Name Validator（资源命名校验）查看被改名的资源

导出资源时，会往用户选中的文件上增加内容，如果文件名相同将会被替换，而不是将所有内容删除替换新资源，所以用户需要人工删除不需要的资源

修复切片命名

#9patch 和 #vector 等同名的切片会因复制而增加 copy ... 的字样，执行 Plugins > Android Res Export > Fixes Slice Names（修复切片命名）删除多余的 copy ...

使用 ImageOptim 压缩资源

先安装 ImageOptim 然后在 Plugins > Android Res Export > Preferences（参数设置）中勾选 Optimize Images use ImageOptim After Export.（导出资源后使用 ImageOptim 压缩图片）