当需要实现一个自定义布局图片和标题的按钮时候,不知道有多少少年直接布局了UIButton,亦或是自定义一个UIView,然后以空白UIButton、UILabel、UIImageVew作为subViews。两者其实都一样,因为UIButton的内部subViews中,就已经存在一 ...
当需要实现一个自定义布局图片和标题的按钮时候,不知道有多少少年直接布局了UIButton,亦或是自定义一个UIView,然后以空白UIButton、UILabel、UIImageVew作为subViews。
两者其实都一样,因为UIButton的内部subViews中,就已经存在一个UILabel和UIImageView。
不谈论优劣,只记录一下直接布局UIButton的过程。
因为UIButton已经有一个UILabel显示标题,一个ImageView显示图片,所以可以直接布局。但是需要注意下面记录的问题。
首先,对一个UIButton实例button直接设置title(使用setTitle或者setAttributedTitle方法)和image(使用setImage方法),会发现,图片和标题依次紧贴并排居中显示。
然后,修改一下这个button的titleLabel和imageView的frame,会发现,并没有什么作用。
最后,尝试使用方法setTitleEdgeInsets和setImageEdgeInsets,会发现,没有作用或者布局异常。
问题在于:
1.获取titleLabel的frame时候,size始终是(0, 0)
2.修改titleLabel的frame时机不对
将上述修改操作放在方法layoutSubviews中是合适的。
至于创建UIButton的子类重载方法,还是创建分类来swizzle方法都可以。
即使在这个时机,使用setTitleEdgeInsets还是可能会出现文字显示不全的问题。建议直接修改titleLabel的frame。
我采用了创建分类的方案。定义了一个方法,在+load方法中与layoutSubViews交换。
- (void)base_layoutSubviews{ [self base_layoutSubviews]; if (self.resetTitleAndImageLayoutBlock) { self.resetTitleAndImageLayoutBlock(); }}
原标题:朝花夕拾之UIButton的title和image自定义布局
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。