HomeTabbar遇到的bug整理

2018-01-26  本文已影响56人  Vampire丶Lv

记录一下tabbar更改图片遇到的bug

1.需求是底部tabbar的中间的tabbarItem 上移, 图片.png
我在处理中间的图片的时候,前面是这么写的 图片.png 单纯只想了把图片上移了,忽略了一个事情,【UIEdgeInsetsMake】的用法 示意图——转侵删.png

图中,蓝色标识为可变区域, 绿色标识为不变区域。UIEdgeInsets结构体的属性top与bottom为一对,用来指定纵向可变区域(黑色虚线矩形),left与right为一对,用来指定横向可变区域(白色虚线矩形)。当UIButton/UIImageView的size大于UIImage的size时,会调整图片中可变区域大小以铺满整个控件,具体调整规则如下:
(1)控件宽度大于图片宽度,拉伸白色虚线矩形
(2)控件高度大于图片高度,拉伸黑色虚线矩形
(3)控件宽度小于图片宽度时,横向整体缩小(可变区与不变区比例不变)
(4)控件高度小于图片高度时,纵向整体缩小(可变区与不变区比例不变)
UIEdgeInsetsMake(CGFloat top , CGFloat left , CGFloat bottom , CGFloat right )

我的写法只写了,距离上边top的距离(-10),但对应的bottom的值应该与top保持一致,否则就会出现zooming现象,就是按钮越点越长或者越小。正确的写法: 图片.png
bug示意图.png
上一篇下一篇

猜你喜欢

热点阅读