之前制作聊天App中.9图片的制作一直不能领会其意,最近终于搞懂了决定分享一下,供新手参考一下!
不多bb,直接开始:
1、打开编辑工具,有点慢要等一小会儿,打开后点击File—>Open-9-patch—>选择一张要制作成.9的图片;
2、绘制图片可拉伸区域,在图片左侧和上侧分别绘制黑线;
勾选下方show patch,可以看到清晰的效果,紫色区域就是最终的可拉伸区域,我们选择以github头像的头部部分作为可拉伸区域。
3、下面我们要绘制文字可放置区域,同样文字的右侧和下册画黑线即可,原理和我们编辑可拉伸区域是一样的。我们将脸部部分作为放置文字的区域。
这样就完成了,然后点击File—>Save-9-patch即可,保存时直接写上名字即可,无需加.9。