iOS - UIButton 图文相对位置你写对了么

无猫皆笼

于 2019-04-03 14:33:45 发布

阅读量438

点赞数 1

分类专栏： iOS 文章标签： iOS UIButton titleEdgeInsets UIEdgeInsets imageEdgeInsets

本文链接：https://blog.csdn.net/ajey2005/article/details/88994536

版权

本文详细探讨了如何在UIButton中正确设置图文的相对位置，强调了titleEdgeInsets和imageEdgeInsets的重要性。通过理解内边距和对齐方式的影响，以及一系列数学计算，可以实现灵活的图文布局。文中提供了Demo代码，包括水平居中和垂直居中的图文按钮设置方法。

摘要由CSDN通过智能技术生成

如果你使用文字按钮或者图片按钮，UIButton 不会给你找麻烦。如果你使用文字 + 图片组成的按钮，你就会意识到 UIButton 这货有多变态。

UIButton 将图片放在左边，文字放在右边，这个规则是固定的，没有一个简单的设置项来安排图片和文字的相对位置。

UIButton 中的文字和图片都可以通过属性访问：

@property(nullable, nonatomic,readonly,strong) UILabel     *titleLabel;
@property(nullable, nonatomic,readonly,strong) UIImageView *imageView;

但给这两个控件设置 frame 一点用都没有。只能老老实实通过 UIButton 提供的这两个属性迂回地设置相对位置：

@property(nonatomic) UIEdgeInsets titleEdgeInsets;
@property(nonatomic) UIEdgeInsets imageEdgeInsets;

UIEdgeInsets 类型表示上下左右四个边的向内方向上的偏移量，可正可负，一般是用来设置内边距的。titleEdgeInsets 和

关注

专栏目录