很惊喜Sketch有9宫格图片处理功能，这里有一个简短的介绍：
sketch有一个可以模拟.9图放缩的功能，只需要对图片对象（只对图片对象有效）使用Layer>Image>Convert to 9-slice image命令即可生成一个九宫格的控制柄，通过拖动控制柄即可制作一个可以自由放缩，但是边缘样式不变的.9图，原理和我们平时使用的.9图差不多。有了这个功能，我们就可以在sketch中快速绘制例如对话框、消息气泡等不同尺寸的特殊部件了。
Paste_Image.png
Paste_Image.png
然而我要说的是我面临的一种情况：利用九宫格将一个大图处理成一个尽可能小的图，以减小图片占用空间。以前我的办法是尽可能将九宫格的中心区域尽可能缩小，但是在缩放的时候总是出现问题，不是预期的效果，缩放时四角会有变形的效果，而我想象中的9宫图缩小只要控制得好应该不会变形的。
后来发现在我这种应用情况下，应该是将九宫格的中心区域尽可能扩大。为什么呢？反向理解就明白了，如果你将一个九宫格小图拉伸成大图，主要变大的其实是中心区域部分，四角部分是不会改变的。所以，利用九宫格缩小图片之前，应尽量使中心区域尽可能大，相应地四角部分尽可能地小。无论是放大还是缩小，统一的原则应该是四角部分尽可能地小。
另外一个注意的地方是：选定了中心区域范围后，不要双击，而是在图片上点右键，点Confirm，然后再进行图片缩放
网友评论