UIButton 的 imageEdgeInsets 和 titleEdgeInsets

最新推荐文章于 2020-07-10 19:33:06 发布

xie_neu

最新推荐文章于 2020-07-10 19:33:06 发布

阅读量411

点赞数

分类专栏： ios开发技巧文章标签： ios开发

ios开发技巧专栏收录该内容

9 篇文章

订阅专栏

本文详细解析了 UIButton 的 imageEdgeInsets 和 titleEdgeInsets 属性的作用及使用方法，并通过具体示例介绍了如何调整按钮上图文的位置，帮助读者更好地理解并掌握这两个属性。

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

UIButton 的 imageEdgeInsets 和 titleEdgeInsets

不知道有没有人和我一样一直对这两个属性比较迷惑，其实官方文档也没有对此作太详细的解释，有时候自己凭感觉调出个数值看似界面没什么大问题但是心里还老是担心会有问题，有时候搞似乎明白了但是下次遇到又忘记这两个属性是怎么回事了。今天在此记录一下。

imageEdgeInsets(top,left,bottom,right) 和 titleEdgeInsets(top,left,bottom,right)的值就是我们想要的最终结果与按钮初始状态比较图片和标题的位置分别在上下左右位移的值：

首先

CGFloat imageViewWidth = CGRectGetWidth(button.imageView.frame);

CGFloat labelWidth = CGRectGetWidth(button.titleLabel.frame);

CGFloat buttonWidth = CGRectGetWidth(button.frame);

默认状态UIButton 的 imageEdgeInsets ＝ UIEdgeInsetsMake(0,0,0,0);

titleEdgeInsets ＝ UIEdgeInsetsMake(0,0,0,0);

比如按钮的初始位置是这样

如果我们希望按钮最终是这样

也就是最终我们希望图片上下位置不变top = 0, bottom = 0;向右位移一个label的宽度

同时标题上下位置不变top = 0, bottom = 0;向左位移一个图片的宽度

即 imageEdgeInsets = UIEdgeInsetsMake(0,0 + labelWidth,0,0 - labelWidth); 图片相对初始状态左边距加了labelWidth，右边减labelWidth，以及titleEdgeInsets ＝ UIEdgeInsetsMake(0,0 - imageViewWidth,0, 0 + imageViewWidth);

如果希望图片和标题都居中，即相对于初始位置图片右移，标题左移

CGFloat button_centerX =CGRectGetMidX(self.bounds);// bounds哦

CGFloat titleLabel_centerX =CGRectGetMidX(self.titleLabel.frame);

CGFloat imageView_centerX =CGRectGetMidX(self.imageView.frame);

imageEdgeInsets = UIEdgeInsetsMake(0,0 + (button_centerX - imageView_centerX),0,0 - (button_centerX - imageView_centerX));

以及titleEdgeInsets ＝ UIEdgeInsetsMake(0,0 - (titleLabel_centerX - button_centerX),0, 0 + (titleLabel_centerX - button_centerX));