自定义uibutton，想改变title跟image的位置，图片在右边，文字在左边?

Question

我调用layoutsubviews，也重写了setimage跟setitle方法，但是运行显示出来不正确，但是你去点击一下，就变正常了。。怎么回事？？？

如果把layoutsubviews注释掉，就是默认的图片在左，文字在右，那样没问题。。

Answer 1

http://stackoverflow.com/questions/4564621/aligning-text-and-image-on-uibutton-with-imageedgeinsets-and-titleedgeinsets
如果你看不了的话，了解一下UIEdgeInsets，方法如下：

[button setTitleEdgeInsets:UIEdgeInsetsMake(0, -image.size.width, 0, 0)];
[button setImageEdgeInsets:UIEdgeInsetsMake(0, button.titleLabel.bounds.size.width, 0, 0)];

Answer 2

上面兄台'Fnoz'的说到了点子上, 但不够准确. 这样的结果恰好居中并重叠.

• 更正:

[button setTitleEdgeInsets:UIEdgeInsetsMake(0, -image.size.width * 2, 0, 0)];
[button setImageEdgeInsets:UIEdgeInsetsMake(0, button.titleLabel.bounds.size.width * 2, 0, 0)];

• 改进及扩展:

    // 还可增设间距
    CGFloat spacing = 3.0;

    // 图片右移
    CGSize imageSize = button.imageView.frame.size;
    button.titleEdgeInsets = UIEdgeInsetsMake(0.0, - imageSize.width * 2 - spacing, 0.0, 0.0);

    // 文字左移
    CGSize titleSize = button.titleLabel.frame.size;
    button.imageEdgeInsets = UIEdgeInsetsMake(0.0, 0.0, 0.0, - titleSize.width * 2 - spacing);
    
    /* 小结: imageEdgeInsets 为'上左下右', 正值远离中心, 负值向中心聚拢. 具体以单词'inset'来记忆 */

参考自: http://stackoverflow.com/questions/2451223/uibutton-how-to-center-an-image-and-a-text-using-imageedgeinsets-and-titleedgei

Answer 3

上面的都略复杂: 这个比较简略

[button setTitleEdgeInsets:UIEdgeInsetsMake(0, -image.size.width, 0, image.size.width)];
[button setImageEdgeInsets:UIEdgeInsetsMake(0, button.titleLabel.bounds.size.width, 0, -button.titleLabel.bounds.size.width)];

Answer 4

你解决了吗 我也遇到了这个问题了 咋办呢