详解iOS中UIButton的三大UIEdgeInsets属性用法
UIEdgeInsets是什么
UIEdgeInsets是什么?我们点进去看一下:
typedef struct UIEdgeInsets { CGFloat top, left, bottom, right; // specify amount to inset (positive) for each of the edges. values can be negative to 'outset' } UIEdgeInsets;
UIEdgeInsets是个结构体类型。里面有四个参数,分别是:top, left, bottom, right。这四个参数表示距离上边界、左边界、下边界、右边界的距离。
哪三个UIEdgeInsets属性
不知道大家发现没有,UIButton里面有三个UIEdgeInsets属性,分别是:
@property(nonatomic) UIEdgeInsets contentEdgeInsets UI_APPEARANCE_SELECTOR; // default is UIEdgeInsetsZero @property(nonatomic) UIEdgeInsets titleEdgeInsets; // default is UIEdgeInsetsZero @property(nonatomic) UIEdgeInsets imageEdgeInsets; // default is UIEdgeInsetsZero
contentEdgeInsets后面有个UI_APPEARANCE_SELECTOR是什么意思呢?
提示:UI_APPEARANCE_SELECTOR标记的属性都支持通过外观代理来定制。
举例,设置UIButton的contentEdgeInsets属性,可以直接调用:
[[UIButton appearance] setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, 0)];
创建UIButton:
UIButton *button = [[UIButton alloc] init]; button.frame = CGRectMake(50, 200, 200, 50); [button setTitle:@"我是UIButton" forState:UIControlStateNormal]; [button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal]; [button setBackgroundColor:[UIColor orangeColor]]; button.titleLabel.textAlignment = NSTextAlignmentLeft; button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft; [self.view addSubview:button];
创建一个button,让button的title居左,以便观察:
UIButton的contentEdgeInsets属性
@property(nonatomic) UIEdgeInsets contentEdgeInsets UI_APPEARANCE_SELECTOR; // default is UIEdgeInsetsZero
contentEdgeInsets里有一个content应该指的就是UIButton的title。
参数含义:
上面我们讲了UIEdgeInsets是个结构体类型。里面有四个参数,分别是:top, left, bottom, right。这四个参数表示距离上边界、左边界、下边界、右边界的距离。
这四个参数的值可以为正值,也可以为负值。拿left举例:
left = 10; //代表以当前位置为基准,向右移动10个像素 left = -10; //代表以当前位置为基准,向左移动10个像素
向右移动20个像素
button.contentEdgeInsets = UIEdgeInsetsMake(0, 20, 0, 0);
向右移动20个像素,left = 20,就可以了。
向左移动20个像素
button.contentEdgeInsets = UIEdgeInsetsMake(0, -20, 0, 0);
UIButton的titleEdgeInsets属性
titleEdgeInsets和contentEdgeInsets的作用差不多。我们及设置contentEdgeInsets,又设置titleEdgeInsets,会怎样呢?
button.titleEdgeInsets = UIEdgeInsetsMake(0, 20, 0, 0); button.contentEdgeInsets = UIEdgeInsetsMake(0, 20 , 0, 0);
看一下效果:
UIButton的imageEdgeInsets属性
创建一个带照片的button:
UIButton *button = [[UIButton alloc] init]; button.frame = CGRectMake(50, 200, 200, 200); [button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal]; [button setBackgroundColor:[UIColor orangeColor]]; [button setImage:[UIImage imageNamed:@"test"] forState:UIControlStateNormal]; [self.view addSubview:button];
运行一下:
向右移动50个像素
button.imageEdgeInsets = UIEdgeInsetsMake(0, 50, 0, 0);
看看效果:
向左移动50个像素
button.imageEdgeInsets = UIEdgeInsetsMake(0, -50, 0, 0);
看看效果:
大家可以自行设置其他三个参数看看效果是怎样的,自己动手便于理解。
- iOS UIButton 点击无响应的解决办法
- iOS如何将UIButton中的图片与文字上下对齐详解
- IOS 开发之UILabel 或者 UIButton加下划线链接
- IOS 通过tag删除动态创建的UIButton
- IOS倒计时设置UIButton标题title的抖动问题
- IOS开发UIButton(左边图片右边文字效果)
- iOS设置UIButton文字显示位置和字体大小、颜色的方法
- IOS 解决UIButton 点击卡顿/延迟的问题
- 详解iOS App开发中改变UIButton内部控件的基本方法
- iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐
- iOS UIButton扩大按钮响应区域的解决方法
相关文章
为textView添加语音输入功能的实例代码(集成讯飞语音识别)
下面小编就为大家分享一篇为textView添加语音输入功能的实例代码(集成讯飞语音识别),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView
这篇文章主要介绍了IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView的相关资料,需要的朋友可以参考下2017-01-01iOS ScrollView实现自动布局的方法(适用Swift 3.0 )
传说中有一个美工ios开发者在遇到这个问题的时候特意跑到苹果总部去咨询如何对scrollview进行自动布局。当然大家不用去了,下面这篇文章就来给大家介绍关于iOS ScrollView实现自动布局的方法,文中的语法同样也适用Swift 3.0 ,需要的朋友可以参考下。2017-12-12iOS中模态Model视图跳转和Push视图跳转的需求实现方法
这篇文章主要介绍了iOS中模态Model视图跳转和Push视图跳转的需求实现,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-12-12
最新评论