美文网首页
Android Res Export 安装与功能介绍

Android Res Export 安装与功能介绍

作者: 小明_Jay | 来源:发表于2019-10-09 16:37 被阅读0次

    安卓资源启动图标、点九图及形状色彩 XML 导出工具

    功能

    导出多分辨率 PNG 资源

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

    导出矢量(Vector Drawable)资源

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

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

    查看和导出色彩资源代码

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

    安装

    安装插件

    下载并解压 Android Res Export.zip

    双击 Android Res Export.sketchplugin 完成安装

    配置点九宫资源导出支持

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

    xcode-select --install

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

    /usr/bin/ruby -e "$(curl -fsSL //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

    1.普通 PNG 资源

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

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

    2.点九资源

    选择图层,执行 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(点九图片预览) 模拟预览点九资源的拉伸效果和内容区域

    3.矢量资源

    选择图层,执行 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 压缩图片)

    下载补充

    目前导出Android各种资源的Sketch插件:Android Res Export,支持 Sketch 48+ , 支持中文。

    详细安装方法如下:

    第一步:推荐在Sketch RunnerSketchpacks搜索 “Android Res Export”。

    第二步:下载master.zip,解压后,双击 "Android_Res_Export.sketchplugin" 文件,安装插件即可。

    Android Res Export详细的使用操作流程可见插件官网:

    https://github.com/Ashung/Android_Res_Export/blob/master/README_zh.md

    相关文章

      网友评论

          本文标题:Android Res Export 安装与功能介绍

          本文链接:https://www.haomeiwen.com/subject/qzugpctx.html