UIButton上使用UIEdgeInsetsMake让title跟图片对齐

最新推荐文章于 2021-09-30 17:07:22 发布

weixin_30622181

最新推荐文章于 2021-09-30 17:07:22 发布

阅读量216

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/benbenzhu/archive/2013/06/06/3121405.html

本文详细介绍了如何使用 UIEdgeInsets 来调整 UIButton 中文字与图片的位置。通过具体实例，展示了如何实现文字和图片在按钮内的精确对齐及位置调整。

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

默认情况下，不设置的效果，都使居中现实，button为150＊150

使用以下设置后：

[self setTitleEdgeInsets:UIEdgeInsetsMake( 0.0,-backGroundImag.size.width, 0.0,0.0)];

[self setImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0,0.0, -self.titleLabel.bounds.size.width)];

若要title在图片的上方，则位置相对于图片来说，向上移动－80

[self setTitleEdgeInsets:UIEdgeInsetsMake( -80.0,-backGroundImag.size.width, 0.0,0.0)];

[self setImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0,0.0, -self.titleLabel.bounds.size.width)];

效果如下：

综上所述，若单独设置一个title或者image在button中的位置，UIEdgeInsets是相对于button的frame来计算的（上，左，下，右，），如果是刚才所描述的情况，则title是相对于image的frame设置的，而image的位置是相对于titel的位置设置的

over！

以上转载自：http://blog.youkuaiyun.com/yanxiaoqing/article/details/7230660

实例源码：

 UIImage * image = [[UIImage imageNamed:@"telIcon"] retain];
    NSLog(@"%@>>",NSStringFromCGSize(image.size));
    
    UIButton * button = [UIButton buttonWithType:UIButtonTypeCustom];
    [button setBackgroundColor:[UIColor yellowColor]];
    [button setFrame:CGRectMake(80, 80, 150, 150)];
    [button setTitle:@"测试位置" forState:UIControlStateNormal];
    [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [button.titleLabel setFont:[UIFont boldSystemFontOfSize:10.0]];
    
    [button setTitleEdgeInsets:UIEdgeInsetsMake(0.0, -image.size.width, 0.0, 0.0)];
    [button setImageEdgeInsets:UIEdgeInsetsMake(15.0, 0.0, 0.0, -button.titleLabel.bounds.size.width)];

    NSLog(@"%@",NSStringFromUIEdgeInsets(button.titleEdgeInsets));
    [button setImage:image forState:UIControlStateNormal];
    
    [self.view addSubview:button];