记录一下tabbar更改图片遇到的bug
1.需求是底部tabbar的中间的tabbarItem 上移,图片.png
我在处理中间的图片的时候,前面是这么写的
图片.png
示意图——转侵删.png
我的写法只写了,距离上边top的距离(-10),但对应的bottom的值应该与top保持一致,否则就会出现zooming现象,就是按钮越点越长或者越小。正确的写法:图中,蓝色标识为可变区域, 绿色标识为不变区域。UIEdgeInsets结构体的属性top与bottom为一对,用来指定纵向可变区域(黑色虚线矩形),left与right为一对,用来指定横向可变区域(白色虚线矩形)。当UIButton/UIImageView的size大于UIImage的size时,会调整图片中可变区域大小以铺满整个控件,具体调整规则如下:
(1)控件宽度大于图片宽度,拉伸白色虚线矩形
(2)控件高度大于图片高度,拉伸黑色虚线矩形
(3)控件宽度小于图片宽度时,横向整体缩小(可变区与不变区比例不变)
(4)控件高度小于图片高度时,纵向整体缩小(可变区与不变区比例不变)
UIEdgeInsetsMake(CGFloat top , CGFloat left , CGFloat bottom , CGFloat right )
图片.png
bug示意图.png