UIButton的titleEdgeInsets结果异常及图片文字翻转

背景:

开发中经常遇见一个一个图片一个文字的布局。但是又和系统的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);

你可能感兴趣的:(UIButton的titleEdgeInsets结果异常及图片文字翻转)