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(160, 160)];
    [btn3 setBounds:CGRectMake(0, 0, 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);
}