UIButton 圖片文字位置，uibutton圖片文字

UIButton 圖片文字位置，uibutton圖片文字

在實際開發過程中經常在按鈕上添加文字和圖片，位置和圖片的位置根據需求放置也是不一樣的。下面實現了各種顯示方式，如：

 

UIButton+LSAdditions.h

////  UIButton+LSAdditions.h//  ZLBiPhone////  Created by xujinzhong on 18/3/14.//  Copyright (c) 2018年 xujinzhong. All rights reserved.//#import <UIKit/UIKit.h>@interface UIButton (LSAdditions)//設定背景顏色- (void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state;#pragma mark 按鈕圖片標題顯示位置//上下置中，圖片在上，文字在下- (void)verticalCenterImageAndTitle:(CGFloat)spacing;- (void)verticalCenterImageAndTitle; //預設6.0//左右置中，文字在左，圖片在右- (void)horizontalCenterTitleAndImage:(CGFloat)spacing;- (void)horizontalCenterTitleAndImage; //預設6.0//左右置中，圖片在左，文字在右- (void)horizontalCenterImageAndTitle:(CGFloat)spacing;- (void)horizontalCenterImageAndTitle; //預設6.0//文字置中，圖片在左邊- (void)horizontalCenterTitleAndImageLeft:(CGFloat)spacing;- (void)horizontalCenterTitleAndImageLeft; //預設6.0//文字置中，圖片在右邊- (void)horizontalCenterTitleAndImageRight:(CGFloat)spacing;- (void)horizontalCenterTitleAndImageRight; //預設6.0@end

UIButton+LSAdditions.m

////  UIButton+LSAdditions.m//  ZLBiPhone////  Created by xujinzhong on 18/6/14.//  Copyright (c) 2018年 xujinzhong. All rights reserved.//#import "UIButton+LSAdditions.h"@implementation UIButton (LSAddtions)/** *  添加按鈕的背景顏色 * *  @return */- (void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state {    [self setBackgroundImage:[UIButton imageWithColor:backgroundColor] forState:state];}+ (UIImage *)imageWithColor:(UIColor *)color {    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);    UIGraphicsBeginImageContext(rect.size);    CGContextRef context = UIGraphicsGetCurrentContext();        CGContextSetFillColorWithColor(context, [color CGColor]);    CGContextFillRect(context, rect);        UIImage *image = UIGraphicsGetImageFromCurrentImageContext();    UIGraphicsEndImageContext();        return image;}/** *  判斷按鈕是否按下 * *  @return */-(BOOL)isExclusiveTouch{    return YES;}#pragma mark 按鈕圖片標題顯示位置- (void)verticalCenterImageAndTitle:(CGFloat)spacing{    CGSize imageSize = self.imageView.frame.size;    CGSize titleSize = self.titleLabel.frame.size;    self.titleEdgeInsets = UIEdgeInsetsMake(0.0, - imageSize.width, - (imageSize.height + spacing/2), 0.0);    titleSize = self.titleLabel.frame.size;    self.imageEdgeInsets = UIEdgeInsetsMake(- (titleSize.height + spacing/2), 0.0, 0.0, - titleSize.width);}- (void)verticalCenterImageAndTitle{    const int DEFAULT_SPACING = 6.0f;    [self verticalCenterImageAndTitle:DEFAULT_SPACING];}- (void)horizontalCenterTitleAndImage:(CGFloat)spacing{    CGSize imageSize = self.imageView.frame.size;    CGSize titleSize = self.titleLabel.frame.size;    self.titleEdgeInsets = UIEdgeInsetsMake(0.0, - imageSize.width, 0.0, imageSize.width + spacing/2);    titleSize = self.titleLabel.frame.size;    self.imageEdgeInsets = UIEdgeInsetsMake(0.0, titleSize.width + spacing/2, 0.0, - titleSize.width);}- (void)horizontalCenterTitleAndImage{    const int DEFAULT_SPACING = 6.0f;    [self horizontalCenterTitleAndImage:DEFAULT_SPACING];}- (void)horizontalCenterImageAndTitle:(CGFloat)spacing;{    self.titleEdgeInsets = UIEdgeInsetsMake(0.0,  0.0, 0.0,  - spacing/2);    self.imageEdgeInsets = UIEdgeInsetsMake(0.0, - spacing/2, 0.0, 0.0);}- (void)horizontalCenterImageAndTitle;{    const int DEFAULT_SPACING = 6.0f;    [self horizontalCenterImageAndTitle:DEFAULT_SPACING];}- (void)horizontalCenterTitleAndImageLeft:(CGFloat)spacing{    self.imageEdgeInsets = UIEdgeInsetsMake(0.0, - spacing, 0.0, 0.0);}- (void)horizontalCenterTitleAndImageLeft{    const int DEFAULT_SPACING = 6.0f;    [self horizontalCenterTitleAndImageLeft:DEFAULT_SPACING];}- (void)horizontalCenterTitleAndImageRight:(CGFloat)spacing{    CGSize imageSize = self.imageView.frame.size;    CGSize titleSize = self.titleLabel.frame.size;    self.titleEdgeInsets = UIEdgeInsetsMake(0.0, - imageSize.width, 0.0, 0.0);    titleSize = self.titleLabel.frame.size;    self.imageEdgeInsets = UIEdgeInsetsMake(0.0, titleSize.width + imageSize.width + spacing, 0.0, - titleSize.width);}- (void)horizontalCenterTitleAndImageRight{    const int DEFAULT_SPACING = 6.0f;    [self horizontalCenterTitleAndImageRight:DEFAULT_SPACING];}@end

 

現在測試代碼如下：

#define ktopDistance 50#define kwidth  90#define kheight 50

@interface ViewController ()@property (nonatomic, strong) UIButton *btnOne;@property (nonatomic, strong) UIButton *btnTwo;@property (nonatomic, strong) UIButton *btnThree;@property (nonatomic, strong) UIButton *btnFour;@property (nonatomic, strong) UIButton *btnFive;@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];        self.view.backgroundColor = [UIColor cyanColor];        CGFloat spacing = 2.f;        //上下置中，圖片在上，文字在下    [self.btnOne verticalCenterImageAndTitle:spacing];    [self.btnOne verticalCenterImageAndTitle]; //預設6.0        //左右置中，文字在左，圖片在右    [self.btnTwo horizontalCenterTitleAndImage:spacing];    [self.btnTwo horizontalCenterTitleAndImage]; //預設6.0        //左右置中，圖片在左，文字在右    [self.btnThree horizontalCenterImageAndTitle:spacing];    [self.btnThree horizontalCenterImageAndTitle]; //預設6.0        //文字置中，圖片在左邊    [self.btnFour horizontalCenterTitleAndImageLeft:spacing];    [self.btnFour horizontalCenterTitleAndImageLeft]; //預設6.0        //文字置中，圖片在右邊    [self.btnFive horizontalCenterTitleAndImageRight:spacing];    [self.btnFive horizontalCenterTitleAndImageRight]; //預設6.0 }-(UIButton *)btnOne{    if (!_btnOne) {        _btnOne = [UIButton new];        _btnOne.backgroundColor = [UIColor grayColor];        _btnOne.layer.cornerRadius = 3.f;        _btnOne.layer.masksToBounds = YES;        [_btnOne setTitle:@"left" forState:UIControlStateNormal];        [_btnOne setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];        [_btnOne setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];        [self.view addSubview:_btnOne];                [_btnOne mas_makeConstraints:^(MASConstraintMaker *make) {            make.top.offset(100);            make.centerX.equalTo(self.view);            make.width.offset(kwidth);            make.height.offset(kheight);        }];    }    return _btnOne;}-(UIButton *)btnTwo{    if (!_btnTwo) {        _btnTwo = [UIButton new];        _btnTwo.backgroundColor = [UIColor grayColor];        _btnTwo.layer.cornerRadius = 3.f;        _btnTwo.layer.masksToBounds = YES;        [_btnTwo setTitle:@"left" forState:UIControlStateNormal];        [_btnTwo setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];        [_btnTwo setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];        [self.view addSubview:_btnTwo];                [_btnTwo mas_makeConstraints:^(MASConstraintMaker *make) {            make.top.equalTo(self.btnOne.mas_bottom).offset(ktopDistance);            make.centerX.equalTo(self.view);            make.width.offset(kwidth);            make.height.offset(kheight);        }];    }    return _btnTwo;}-(UIButton *)btnThree{    if (!_btnThree) {        _btnThree = [UIButton new];        _btnThree.backgroundColor = [UIColor grayColor];        _btnThree.layer.cornerRadius = 3.f;        _btnThree.layer.masksToBounds = YES;        [_btnThree setTitle:@"left" forState:UIControlStateNormal];        [_btnThree setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];        [_btnThree setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];        [self.view addSubview:_btnThree];                [_btnThree mas_makeConstraints:^(MASConstraintMaker *make) {            make.top.equalTo(self.btnTwo.mas_bottom).offset(ktopDistance);            make.centerX.equalTo(self.view);            make.width.offset(kwidth);            make.height.offset(kheight);        }];    }    return _btnThree;}-(UIButton *)btnFour{    if (!_btnFour) {        _btnFour = [UIButton new];        _btnFour.backgroundColor = [UIColor grayColor];        _btnFour.layer.cornerRadius = 3.f;        _btnFour.layer.masksToBounds = YES;        [_btnFour setTitle:@"left" forState:UIControlStateNormal];        [_btnFour setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];        [_btnFour setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];        [self.view addSubview:_btnFour];                [_btnFour mas_makeConstraints:^(MASConstraintMaker *make) {            make.top.equalTo(self.btnThree.mas_bottom).offset(ktopDistance);            make.centerX.equalTo(self.view);            make.width.offset(kwidth);            make.height.offset(kheight);        }];    }    return _btnFour;}-(UIButton *)btnFive{    if (!_btnFive) {        _btnFive = [UIButton new];        _btnFive.backgroundColor = [UIColor grayColor];        _btnFive.layer.cornerRadius = 3.f;        _btnFive.layer.masksToBounds = YES;        [_btnFive setTitle:@"left" forState:UIControlStateNormal];        [_btnFive setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];        [_btnFive setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];        [self.view addSubview:_btnFive];                [_btnFive mas_makeConstraints:^(MASConstraintMaker *make) {            make.top.equalTo(self.btnFour.mas_bottom).offset(ktopDistance);            make.centerX.equalTo(self.view);            make.width.offset(kwidth);            make.height.offset(kheight);        }];    }    return _btnFive;}@end