一、概念
网上讲解怎么制作.9图的文章好的数不胜数,这里我就不再做介绍。
这里我们通过AndroidStudio拿到一张.9图
可以看到好像非常完美,也可以看到可以成功运行,基本看不到什么问题
但是当你勾选 Show bad patches
会发现很多红色矩形框,这里便是AndroidStudio中.9工具检测出来的错误,但是是不影响运行。
二、产生的原因
在介绍原因之前,这里需要提到的是制作.9图的四个方向基本原则
- Top:水平方向的拉伸区域
- left:垂直方向的拉伸区域
- bottom:水平方向的拉伸后显示的区域宽度
- right:垂直方向的拉伸后显示的区域长度
因为top与left影响的是拉伸区域,bottom与right是拉伸后显示的内容范围,所以top与left才是影响图片的像素等的真正因素,所以当top与left设置的拉伸区域范围不当的时候,便可能会将改变图片像素,就会产生bad patches,
有些轻微的变化可能我无法通过肉眼查看出,但AndroidStudio自带的.9工具是会帮我们检测出来的,如下两张图:
三、那么该如何解决这类问题呢?
三个原则:
1. 红色的垂直的矩形框宽度范围表示Top中的在矩形框宽度范围内的拉伸标线有问题。
2. 红色的水平的矩形框高度范围表示Left中的在矩形框高度范围内的拉伸标线有问题。
3. 可能仅仅需要调整 1 piexl 即可。
那么看到我上面的例子调整后的如下:
可以看到均只调整了1 piexl 便可以解决问题。效果还是很上面的一样。但是show bad patches没有在显示错误。
如果觉得不错就关注我并点个赞吧。