美文网首页
HomeTabbar遇到的bug整理

HomeTabbar遇到的bug整理

作者: Vampire丶Lv | 来源:发表于2018-01-26 12:57 被阅读56次

    记录一下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

    相关文章

      网友评论

          本文标题:HomeTabbar遇到的bug整理

          本文链接:https://www.haomeiwen.com/subject/scpiaxtx.html