Uibutton implements left text and right picture

UIButton Default is left picture , Right text . And setting up edge insets Before , The position has been set . So set title Of edge insets, The real effect is to increase or decrease a certain spacing based on the original margin value , A negative value is a decrease . With title For example , Set the right margin to increase the picture width , This makes the right edge of the button more than the width of the picture , Just put the picture down . here ,title lable It's getting smaller , and title lable The left boundary of is still in its original position , therefore lable The left edge of the button is less than the left edge of the button ,lable Just as big as before , And the starting position on the left is the same as the starting position on the left of the picture .

1. Add one button

The code is as follows :

UIButton *testButton = [UIButtonbuttonWithType:(UIButtonTypeCustom)];

testButton.frame =CGRectMake(50,100, [UIScreenmainScreen].bounds.size.width -100, 40);

testButton.contentHorizontalAlignment =UIControlContentHorizontalAlignmentLeft;

[testButton setTitle:@" Test left and right picture exchange "forState:(UIControlStateNormal)];

[testButton setImage:[UIImageimageNamed:@"woderenzheng"]forState:(UIControlStateNormal)];

[testButton setTitleColor:[UIColorblackColor] forState:(UIControlStateNormal)];

[self.viewaddSubview:testButton];

The effect is as shown in the picture :

2. Change the position of pictures and words

The code is as follows :

UIImage *image = testButton.imageView.image;

[testButton setTitleEdgeInsets:UIEdgeInsetsMake(0,-image.size.width,0,image.size.width)];

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

The effect is as shown in the picture :