UIButton 设置标题和图片的使用方式

最新推荐文章于 2021-06-23 14:57:00 发布

原创最新推荐文章于 2021-06-23 14:57:00 发布 · 892 阅读

0 ·

CC 4.0 BY-SA版权

oc 专栏收录该内容

16 篇文章

订阅专栏

本文详细阐述了如何在Objective-C中对按钮进行布局与样式优化，包括按钮间的间距调整、图片与文字的位置关系，以及按钮边框效果的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#import "TEST_ButtonViewController.h"

@interface TEST_ButtonViewController ()

@property (weak, nonatomic) IBOutlet UIButton *originalButton;

@property (weak, nonatomic) IBOutlet UIButton *oneButton;
@property (weak, nonatomic) IBOutlet UIButton *twoButton;
@property (weak, nonatomic) IBOutlet UIButton *threeButton;


@property (weak, nonatomic) IBOutlet UIButton *originalButton_line;
@property (weak, nonatomic) IBOutlet UIButton *oneButton_line;
@property (weak, nonatomic) IBOutlet UIButton *twoButton_line;
@property (weak, nonatomic) IBOutlet UIButton *threeButton_line;


@end

@implementation TEST_ButtonViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self setupDefault];
    
    //图片是60*60的2x的图
    CGFloat imageWith = 30;
    CGFloat imageHeight = 30;
    CGFloat labelWidth = [self.originalButton.titleLabel.text sizeWithFont:self.originalButton.titleLabel.font].width;
    CGFloat labelHeight = [self.originalButton.titleLabel.text sizeWithFont:self.originalButton.titleLabel.font].height;
    
    //image在后，文字在前
    self.oneButton.imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth, 0, -labelWidth);
    self.oneButton.titleEdgeInsets = UIEdgeInsetsMake(0, -imageWith, 0, imageWith);
    
    self.oneButton_line.imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth, 0, -labelWidth);
    self.oneButton_line.titleEdgeInsets = UIEdgeInsetsMake(0, -imageWith, 0, imageWith);
    
    //image在上，文字在下
    CGFloat imageOffsetX = (imageWith + labelWidth) / 2 - imageWith / 2;//image中心移动的x距离
    CGFloat imageOffsetY = imageHeight / 2;//image中心移动的y距离
    CGFloat labelOffsetX = (imageWith + labelWidth / 2) - (imageWith + labelWidth) / 2;//label中心移动的x距离
    CGFloat labelOffsetY = labelHeight / 2;//label中心移动的y距离
    
    self.twoButton.imageEdgeInsets = UIEdgeInsetsMake(-imageOffsetY, imageOffsetX, imageOffsetY, -imageOffsetX);
    self.twoButton.titleEdgeInsets = UIEdgeInsetsMake(labelOffsetY, -labelOffsetX, -labelOffsetY, labelOffsetX);
    
    self.twoButton_line.imageEdgeInsets = UIEdgeInsetsMake(-imageOffsetY, imageOffsetX, imageOffsetY, -imageOffsetX);
    self.twoButton_line.titleEdgeInsets = UIEdgeInsetsMake(labelOffsetY, -labelOffsetX, -labelOffsetY, labelOffsetX);
    
    
    //image，label中间间隔10
    self.threeButton.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 0);
    self.threeButton.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);
    
    self.threeButton_line.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 0);
    self.threeButton_line.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

- (void)setupDefault {
    [self setupButton:self.originalButton_line];
    [self setupButton:self.oneButton_line];
    [self setupButton:self.twoButton_line];
    [self setupButton:self.threeButton_line];
}

- (void)setupButton:(UIButton *)button {
    button.layer.borderColor = [[UIColor greenColor] CGColor];
    button.layer.borderWidth = 1;
    
    button.imageView.layer.borderColor = [[UIColor orangeColor] CGColor];
    button.imageView.layer.borderWidth = 1;
    
    button.titleLabel.layer.borderColor = [[UIColor blueColor] CGColor];
    button.titleLabel.layer.borderWidth = 1;
}