iOS UIButton setImageEdgeInsets||setTitleEdgeInsets属性

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

原创最新推荐文章于 2020-07-10 19:33:06 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios #uibutton #布局

oc 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用UIButton的setImageEdgeInsets和setTitleEdgeInsets方法调整按钮内图片视图和标题标签的位置，实现不同布局需求，如图片在上文字在下或图片在右文字在左等效果。

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

使用UIButton的过程中不可避免的会遇到对Button中ImageView和TieleLabel布局修改的问题、官方也提供了：
[button setImageEdgeInsets:UIEdgeInsets];
[button setTitleEdgeInsets:UIEdgeInsets]
这两个方法操作ImageView和TitleLabel的偏移量来达到各种各样的需求。

通常使用UIEdgeInsetsMake(top , left , bottom , right)；进行偏移量的设置
top:在原坐标基础上向下移动
left:在原坐标基础上向右移动
bottom:在原坐标基础上向上移动
right:在原坐标基础上向左移动
以上表示设置参数为正时控件的移动方向、为负值移动方向相反。

由于button对ImageView和TitleLabel同时存在时候的默认布局是ImageView在左TitleLabel在右、那么通过这个属性我们就可以满足类似以下需求
这里写图片描述

举个例子

/*
ImageView在上、TitleLabel在下。
*注意获取titleLabel宽高用
button.titleLabel.intrinsicContentSize.height
button.titleLabel.intrinsicContentSize.width
获取
*/

[button setImageEdgeInsets:UIEdgeInsetsMake(-button.titleLabel.intrinsicContentSize.height, 0, 0, -button.titleLabel.intrinsicContentSize.width)];
        [button setTitleEdgeInsets:UIEdgeInsetsMake(0, -button.imageView.frame.size.width ,-button.imageView.frame.size.height, 0)];

/*
ImageView在右、TitleLabel在左。
*/

[button setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, button.imageView.image.size.width + 10)];
            [button setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 0, -button.intrinsicContentSize.width+ 15)];