背景:
开发中经常遇见一个一个图片一个文字的布局。但是又和系统的UIButton的布局不一致。这时候可以自定义View进行封装完成,也可以自定义一个UIButton,在LayoutSubView方法里,自己随便写title和ImageView的frame。但是总觉得很麻烦,不如直接修改imageEdgeInsets和titleEdgeInsets来的快,具体EdgeInsets的属性在此不多做介绍,上下左右嘛。UIEdgeInsetsMake(<#CGFloat top#>, <#CGFloat left#>, <#CGFloat bottom#>, <#CGFloat right#>)
因此可能就有了下面的问题。
计算UIButton的EdgeInsets。
先计算出titleLabel 和 imageView的frame,一般使用:button.titleLabel.frame
或者 CGRectGetWidth(button.titleLabel.frame); GRectGetHeight(button.titleLabel.frame)
注意:这些方法求imageView的frame没有问题,在计算titleLabel的frame的时候,可能会出现异常,求出的titleLabel的frame是(0,0);这时候, 我们就得用
GSize titleSize = [self.Button.titleLabel.text sizeWithAttributes:@{NSFontAttributeName:self.Button.titleLabel.font}];
求titleLabel的frame。 这个方法肯定是可以的,只是比较麻烦点,一般都是直接拿imageView和titleLabel的frame的。
但是我们一般不知道什么时候直接用上面那两个方法会出现异常,究竟是与系统有关还是与写的UIButton的有关,原因还未知(求吧友解答)。因此一般都是额外添加判断,
if (titleWidth == 0)
{
GSize titleSize = [self.Button.titleLabel.text sizeWithAttributes:@{NSFontAttributeName:self.Button.titleLabel.font}];
}
求titleLabel的frame。
这样就比较麻烦,还要写两个方法,有时候不知道这个问题还找不到问题处在了哪里。
上网查到一个方法,在初始化button的时候,添加[button.titleLabel sizeToFit];
不管用上面哪个方法计算都是正确的了。记录一下这个坑。
设置UIButton按键正常和选中图片设置
[button setImage:[UIImage imageNamed:@"like"] forState:UIControlStateNormal];
[button setImage:[UIImage imageNamed:@"like"] forState: UIControlStateHighlighted];
[button setImage:[UIImage imageNamed:@"like_selected"] forState:UIControlStateSelected];
[button setImage:[UIImage imageNamed:@"like_selected"] forState:UIControlStateSelected | UIControlStateHighlighted];
用上面的方法完全可以规避在点击按键时,过滤掉中间的高亮状态。
2.也可以自定义一个类,继承UIButton,重写setHighted :
方法:
- (void)setHighlighted:(BOOL)highlighted {
//只需要重写,不需要实现任何东西
}
也可以规避在点击按键时,过滤掉中间的高亮状态。
更正
计算titleLabel的宽度时,使用这个方法即可:
titleLabel.intrinsicContentSize.width
这个只要你设置了titleLabel的文本,就不会计算得到0了。
TIPS:将UIButton文字图片互换位置简便方法:
//方法一:一个方法搞定
self.btn.semanticContentAttribute = UISemanticContentAttributeForceRightToLeft;
//方法二:翻转方法。
self.btn.transform = CGAffineTransformMakeScale(-1, 1);
self.btn.titleLabel.transform = CGAffineTransformMakeScale(-1, 1);
self.btn.imageView.transform = CGAffineTransformMakeScale(-1, 1);