iOS-UIButton-设置button标题和图片位置

一.效果图

1.Button被点击之前

2.Button被点击之后

二.代码

 - (void)createBtn3

 {

     UIImage * buttonImage = [UIImage imageNamed:@"1.jpg"];

     UIImage * selectedImage = [UIImage imageNamed:@"2.jpg"];

     CGFloat buttonImageViewWidth = CGImageGetWidth(buttonImage.CGImage);

     CGFloat buttonImageViewHeight = CGImageGetHeight(buttonImage.CGImage);

     NSString * buttonTitle = @"左图右标题";

     UIFont * buttonTitleFont = [UIFont systemFontOfSize:17.0f];

     NSDictionary * attributes = @{NSFontAttributeName : buttonTitleFont};

     CGSize buttonTitleLabelSize = [buttonTitle sizeWithAttributes:attributes];

     // button宽度,至少为imageView宽度与titleLabel宽度之和

     CGFloat buttonWith = buttonImageViewWidth + buttonTitleLabelSize.width;

     // button高度,至少为imageView高度与titleLabel高度之和

     CGFloat buttonHeight = buttonImageViewHeight + buttonTitleLabelSize.height;

     UIButton * btn3 = [[UIButton alloc] init];

     [btn3 setCenter:CGPointMake(, )];

     [btn3 setBounds:CGRectMake(, , buttonWith, buttonHeight)];

     [btn3 setBackgroundColor:[UIColor redColor]];

     [btn3.titleLabel setFont:buttonTitleFont];

     [btn3 setImage:buttonImage forState:UIControlStateNormal];

     [btn3 setImage:selectedImage forState:UIControlStateSelected];

     [btn3 setTitle:buttonTitle forState:UIControlStateNormal];

     [btn3 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

     [btn3.titleLabel setBackgroundColor:[UIColor whiteColor]];

     [btn3 addTarget:self action:@selector(clicked:) forControlEvents:UIControlEventTouchUpInside];

     [self.view addSubview:btn3];

 }

 - (void)clicked:(UIButton *)btn3

 {

     NSLog(@"btn1被点击了");

     NSString * buttonSelectedTitle = @"上图下标题";

     [btn3 setTitle:buttonSelectedTitle forState:UIControlStateNormal];

     CGPoint buttonBoundsCenter = CGPointMake(CGRectGetMidX(btn3.bounds), CGRectGetMidY(btn3.bounds));

     // 找出imageView最终的center

     CGPoint endImageViewCenter = CGPointMake(buttonBoundsCenter.x, CGRectGetMidY(btn3.imageView.bounds));

     // 找出titleLabel最终的center

     CGPoint endTitleLabelCenter = CGPointMake(buttonBoundsCenter.x, CGRectGetHeight(btn3.bounds)-CGRectGetMidY(btn3.titleLabel.bounds));

     // 取得imageView最初的center

     CGPoint startImageViewCenter = btn3.imageView.center;

     // 取得titleLabel最初的center

     CGPoint startTitleLabelCenter = btn3.titleLabel.center;

     // 设置imageEdgeInsets

     CGFloat imageEdgeInsetsTop = endImageViewCenter.y - startImageViewCenter.y;

     CGFloat imageEdgeInsetsLeft = endImageViewCenter.x - startImageViewCenter.x;

     CGFloat imageEdgeInsetsBottom = -imageEdgeInsetsTop;

     CGFloat imageEdgeInsetsRight = -imageEdgeInsetsLeft;

     btn3.imageEdgeInsets = UIEdgeInsetsMake(imageEdgeInsetsTop, imageEdgeInsetsLeft, imageEdgeInsetsBottom, imageEdgeInsetsRight);

     // 设置titleEdgeInsets

     CGFloat titleEdgeInsetsTop = endTitleLabelCenter.y-startTitleLabelCenter.y;

     CGFloat titleEdgeInsetsLeft = endTitleLabelCenter.x - startTitleLabelCenter.x;

     CGFloat titleEdgeInsetsBottom = -titleEdgeInsetsTop;

     CGFloat titleEdgeInsetsRight = -titleEdgeInsetsLeft;

     btn3.titleEdgeInsets = UIEdgeInsetsMake(titleEdgeInsetsTop, titleEdgeInsetsLeft, titleEdgeInsetsBottom, titleEdgeInsetsRight);

 }