你的位置:首页 > 软件开发 > 操作系统 > 朝花夕拾之UIButton的title和image自定义布局

朝花夕拾之UIButton的title和image自定义布局

发布时间:2016-10-21 16:00:28
当需要实现一个自定义布局图片和标题的按钮时候,不知道有多少少年直接布局了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 (#换成@)。

可能感兴趣文章

我的浏览记录