ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 低调看体育直播 >> web前端 >> [工具]-Android切图

[工具]-Android切图

来源:网络整理     时间:2018-05-20     关键词:

本篇文章主要介绍了" [工具]-Android切图",主要涉及到方面的内容,对于web前端感兴趣的同学可以参考一下: 切图小科普!聊聊原生APP切图那些事儿安卓APP设计规范(三)1080*1920设计稿对应开发尺寸PhotoshopCS6版本,以及支持该版本的切图插件——Cu...

切图小科普!聊聊原生APP切图那些事儿

安卓APP设计规范(三)1080*1920设计稿对应开发尺寸

PhotoshopCS6版本,以及支持该版本的切图插件——Cut&Slice me插件。

安装:

在官网上下载CutAndSliceMe.zxp文件,将文件名改为.zip后缀,将该文件解压到photoshop cs6的安装目录下的\Plug-ins\Panels目录下(需新建一个CutAndSliceMe命名的文件夹)。

使用:

安装完后重启photoshop cs6在菜单栏 > 窗口 > 扩展功能 > CutAndSliceMe 点击启动插件。

主界面上排有3个横向按钮,依次是手机、安卓、PC端的图像导出选项,具体特性见官网。

下面有一列3个选项的导出选项:

Cut All assets

全局遍历,导出所有图层组命名中最后带@符号的图层组为一个PNG图片。

(提示:如果希望要导出多个图层,建议给每个图层套一个命名最后带@符号图层编组)

Cut Subgroups

局部遍历,导出选定图层组下,加了@后缀命名的图层为一个PNG图片。

Cut Selected

导出选定图层为PNG格式,且只能单选一个图层。

导出的文件会存放在桌面上生成的文件夹中。

如果想要你的图层分组成为一个自定义的尺寸, 新建一个自定义的矩形矢量图层作为第一层放在该分组的第一层上然后命名#,切片就会按照之前自定义的矩形大小导出。

「@」切图大法

在文件夹最后加上「@」,扩展会导出内容为 png 图片,并自动裁切透明像素。

「#」指定切图尺寸

如果要以指定的大小输出切图,你可以用矩形工具建立一个形状图层,并命名为「#」放到文件夹内顶部。这样文件夹内容就会以「#」图层的尺寸输出。

「_BTN」导出按钮的不同状态

如果要导出按钮的不同状态,你需要将按钮的不同状态放到以「_BTN」结尾的文件夹内,并对按钮状态以如下规则命名:

normal

hover

clicked / pressed

selected

disabled

以上就介绍了 [工具]-Android切图,包括了方面的内容,希望对web前端有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_4568006.html

相关图片

相关文章