9切图编辑器下载及工具说明【Nine-Patch Editor1_0_0

[制作教程] 【图片教程】9.png编辑器-傻瓜式操作（11.04.29更新）
博客源址：http://www.miui.com/thread-83505-1-1.html

9.png编辑器工作界面

Nine-Patch Editor 使用说明

1.安装说明
如果操作系统为Windows 7或者已经安装.NET FrameWork 3.5 sp1的Windows xp系统，可直接运行压缩包中的9-patch.exe。
如果9-patch.exe无法运行，则是因为系统中没有安装.NET FrameWork 3.5 sp1，执行压缩包目录中的setup.exe。程序会自动从微软官网下载.NET FrameWork 3.5 sp1。安装时间视网速而定。

根据某些机油反馈，在线安装.net framework的情况不稳定，有无法下载的情况。如果遇到这种情况，可手动下载安装，
下载地址:http://dl.pconline.com.cn/html_2/1/82/id=38126&pn=0.html
安装完毕后，再次执行setup.exe，下载缺失的dll即可.

2.功能介绍
支持将png格式图片直接转换成无黑边的9.png格式文件
支持直接编辑9.png文件，获取源9.png的标志信息，根据用户编辑情况对原始信息进行替换

(1) 导入文件
可点击主界面中的导入按钮，或者直接将图片拖拽至“图片列表”下方的区域。导入文件后，可在图片列表中进行预览。

(2) 快速复制与粘贴9.png信息
由于在制作9.png的过程中，有时候，仅仅是需要对图片调整一下色调，但编辑后会造成9.png文件信息的丢失。
此时，只需同时打开： 1、原始9.png文件 2、编辑后的文件
在图片列表中，选中图片1，按下组合键Ctrl+C 。提示信息会对复制操作进行响应，此时，源图片的9.png信息已经复制到剪贴板。
此时只需要在图片列表中，选中图片2，按下组合键Ctrl+V，便可将原始的9.png文件的信息粘贴到目标图片中。

(3) 保存文件
当编辑完图片后，可点击“保存”按钮或者“全部保存”按钮，对图片进行保存，已经保存过的图片，在图片列表中会被绿色的方框包围。

(4) Autorefresh
这个工具在编辑“大”图片的时候，效率较低。这是因为，对于对于每次增加或删除一个标记，都要刷新一下预览，然后显示在预览区域中。这是一个比较耗时间，耗资源的操作。
所以，当需要编辑大图片，或者遇到很卡的时候，可以取消勾选Auto refresh来取消自动刷新，当需要预览的时候，点击刷新按钮即可。

(5) ShowPatches
与原始工具功能一致，在编辑区显示当前图片的拉伸情况。
浅绿色：表示 x方向拉伸，或者y方向拉伸
紫色：表示 xy 方向同时拉伸。

(6) ShowContent
在左边的预览区域中，以紫色表示当前的图片的内容区域。
也就是说，当把这张图片作为背景的时候，前景中所有的内容或图片会被放置在这个紫色的区域内。

(7) PatchSacle 和 Zoom
对预览区域和编辑区域的图片进行缩放预览。

(8) 画笔大小
处理大图片的时候，默认的“1像素”实在是太不给力了，根据“京東つ雨花”大大的建议，增加了画笔大小的功能。
选择合适的画笔，可对连续区域的点进行标记。
在画的过程中，如果发现画笔大小不合适，可使用键盘按键 [ 和 ] 对画笔进行缩放，每次减少/增加1个像素的值。

(9) 关于预览区域的“细线”
在对图片进行切割、拉伸的过程中，由于精度的丢失，导致会有这些细线的出现。这也可以看成是编辑后，每一块图片之间的分割线。

3.Bug提交或改进建议
(1) 邮箱：kingccb@gmail.com
(2) 可在MIUI论坛给我发站内信，用户名：ccbow
(3) 加入“京東つ雨花”的美化@汉化QQ群：42938758进行交流讨论

=======================分割线==============================

2011-4-28更新
修复之前的一些小bug！
1、支持保存时，覆盖同名文件。
2、增加Ctrl+C复制某张图片的9.png信息，可直接将信息直接粘贴到欲编辑的图片。
3、支持批量保存。
4、支持设定画笔大小，按 “[” 可缩小画笔，按“]” 可放大画笔

2011-04-28更新 Nine-Patch Editor1_0_0_3.zip (767.05 KB, 下载次数: 25324)

=======================分割线==============================

2011-4-25二次更新
修复了一个有些边不能画的小Bug

==================================分割线=========================================

2011-4-25更新
1 增加笔刷功能，大大提高标记效率
2 压缩图片文件尺寸，删除png图片无用信息
3 解决无法打开工具的问题，如9-patch.exe无法打开，可打开setup，程序将自动下载.net framework 3.5 sp1。

新功能界面

增加各种预览功能

增加笔刷功能，提高制作效率。红色部分为笔刷效果。可通过键盘按键 “【” 和 “】” 调整笔刷大小。

9切图编辑器下载及工具说明【Nine-Patch Editor1_0_0_3】来源米柚相关推荐

android ui 切图工具,APP切图标注教程：UI设计切图标注的小工具实用技巧
分享关于一篇UI设计师必须要懂的切图标注的小工具实用技巧,让你在跟开发工程师协作的时候更加得心应手. 设计师必备的UI切图小工具如下3大常用工具: 1.切图工具 Assistor PS 也是一款PS的 ...
linux 切图软件下载,学会23个linux常用命令，不做前端切图仔~
来源 | https://segmentfault.com/a/1190000021439560 前言一个前端好好切图不好吗?为什么要学 linux 呢? 嗯,真香 ! 1. ls 命令 : 显示目录 ...
android切图倍数,【Flutter工具】fmaker:自动生成倍率切图/自动更换App图标
在<浅谈Flutter的优缺点>文章中,我指出了Flutter存在切图困难,资源管理困难的缺陷,所以我使用node.js编写了一个小工具,可以帮您快速生成低倍率图片,并为iOS与安卓生成各 ...
【CSS】PhotoShop 切图 ② ( PhotoShop 切片选择工具 | 清除切片 | 新建基于图层的切片 | 透明背景图片切图 | 根据参考线选择切片 )
文章目录一. PhotoShop 切片选择工具二.清除切片三.新建基于图层的切片四.透明背景图片切图五.根据参考线选择切片一. PhotoShop 切片选择工具如果之前使用切片工具设 ...
linux 切图软件下载,【Avocode切图软件怎么用】Avocode切图软件好不好_使用技巧-ZOL软件百科...
作为一个合格的前端,切图技能是必不可少的,这里给广大的前端开发人员提供了一款前端切图神器Avocode,这款软件比起Photoshop要轻便的多,而且切图效率也非常高,可以让你告别繁琐的切图工作. 功 ...
photoshop android 切图插件,摹客PS插件-摹客PS插件(PS切图插件)下载 v2.1.3官方版--pc6下载站...
摹客PS插件是一款PS切图插件,可以自定义切图尺寸,使用摹客PS插件可以一键上传图片,智能标注数据,不再需要手工切图,智能标注查找方便,摹客PS插件可以提高用户工作效率. 摹客PS插件是一款PS切图插 ...
【CSS】PhotoShop 切图 ③ ( PhotoShop 切图插件 - Cutterman | 下载、安装、启动、注册、登录 Cutterman - 切图神奇插件 | 使用插件进行切图 )
文章目录一. PhotoShop 切图插件 - Cutterman 1.下载 Cutterman 插件 2.安装 Cutterman 插件 3.启动 Cutterman 插件 4.注册 Cutter ...
前端工程师使用adobe XD软件下载切图和测量距离的方法
在之前公司做前端时,基本都是直接跟蓝湖打交道,UI设计师会将设计好的PS文件,通过蓝湖提供的切图插件进行标记,然后整体画板上传到蓝湖项目中,然后前端通过蓝湖进行查看下载切图和测量间距等,而且蓝湖会自动 ...
游戏ui切图,颜色通道_什么是ui通道设计，为什么如此重要
游戏ui切图,颜色通道 Our approach to interface design has changed dramatically since the rise of mobile devic ...

9切图编辑器下载及工具说明【Nine-Patch Editor1_0_0_3】来源米柚

9切图编辑器下载及工具说明【Nine-Patch Editor1_0_0_3】来源米柚相关推荐

最新文章

热门文章

9切图编辑器下载 及 工具说明 【Nine-Patch Editor1_0_0_3】来源 米柚

9切图编辑器下载 及 工具说明 【Nine-Patch Editor1_0_0_3】来源 米柚相关推荐

最新文章

热门文章

9切图编辑器下载及工具说明【Nine-Patch Editor1_0_0_3】来源米柚

9切图编辑器下载及工具说明【Nine-Patch Editor1_0_0_3】来源米柚相关推荐