button的图片和文字的位置关系

最新推荐文章于 2024-01-18 13:37:57 发布

原创最新推荐文章于 2024-01-18 13:37:57 发布 · 353 阅读

0 ·

CC 4.0 BY-SA版权

iOS 专栏收录该内容

46 篇文章

订阅专栏

本文详细介绍了如何通过设置不同UIEdgeInsets来调整UIButton中图片和文字的位置，包括默认位置、图片左右距离、上下右距离的调整，以及图片分别靠左、靠右时文字的对齐方式。

 UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(200, 200, 150, 60)];
    btn.layer.borderWidth = 1;
    btn.layer.borderColor = [UIColor darkGrayColor].CGColor;
    [self.view addSubview:btn];
    [btn setImage:[UIImage imageNamed:@"img"] forState:UIControlStateNormal];
    [btn setTitle:@"位置测试" forState:UIControlStateNormal];
    [btn setTitleColor:[UIColor darkGrayColor] forState:UIControlStateNormal];

1.不设置button的UIEdgeInsetsMake，默认位置

2.设置图片右距离

    [btn setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 0, 20)];

3.设置图片左距离

[btn setImageEdgeInsets:UIEdgeInsetsMake(0, 20, 0, 0)];

4.设置图片下、右距离

[btn setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 20, 20)];

5.图片靠左

 CGRect imgFrame = btn.imageView.frame;
    
 [btn setImageEdgeInsets:UIEdgeInsetsMake(0, -imgFrame.origin.x, 0, imgFrame.origin.x)];

6.图片靠左边，文字靠右

CGRect imgFrame = btn.imageView.frame;
    CGRect titleFrame = btn.titleLabel.frame;
    CGFloat btnW = btn.frame.size.width;
    [btn setImageEdgeInsets:UIEdgeInsetsMake(0, -imgFrame.origin.x, 0, imgFrame.origin.x)];
    [btn setTitleEdgeInsets:UIEdgeInsetsMake(0, btnW-titleFrame.origin.x-titleFrame.size.width, 0, -(btnW-titleFrame.origin.x-titleFrame.size.width))];

7.图片靠右，文字靠左

 CGRect imgFrame = btn.imageView.frame;
    CGRect titleFrame = btn.titleLabel.frame;
    CGFloat btnW = btn.frame.size.width;
    [btn setImageEdgeInsets:UIEdgeInsetsMake(0, (btnW-imgFrame.size.width-imgFrame.origin.x),0, -(btnW-imgFrame.size.width-imgFrame.origin.x))];
    [btn setTitleEdgeInsets:UIEdgeInsetsMake(0, -titleFrame.origin.x, 0, titleFrame.origin.x)];