UIButton中的三个UIEdgeInsets属性(二)
2015-10-09 15:36
411 查看
接着昨天的UIButton中的三个UIEdgeInsets属性,今天我们具体谈谈UIButton的contentEdgeInsets、titleEdgeInsets、imageEdgeInsets属性。
创建一个button,让button的title居左,以便观察:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button1.png)
contentEdgeInsets里有一个content应该指的就是UIButton的title。
上一篇文章我们讲了UIEdgeInsets是个结构体类型。里面有四个参数,分别是:top, left, bottom, right。这四个参数表示距离上边界、左边界、下边界、右边界的距离。
这四个参数的值可以为正值,也可以为负值。拿left举例:
向右移动20个像素,left = 20,就可以了。
![](http://7xjrlb.com1.z0.glb.clouddn.com/button2.png)
![](http://7xjrlb.com1.z0.glb.clouddn.com/button3.png)
titleEdgeInsets和contentEdgeInsets的作用差不多。我们及设置contentEdgeInsets,又设置titleEdgeInsets,会怎样呢?
看一下效果:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button4.png)
运行一下:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button5.png)
看看效果:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button6.png)
看看效果:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button7.png)
大家可以自行设置其他三个参数看看效果是怎样的,自己动手便于理解。
![](http://7xjrlb.com1.z0.glb.clouddn.com/ios.png)
Posted by 李刚 Jul 4th, 2015 2:14
pm ios开发
来源:刚刚在线(微信:iOSDevTip),欢迎分享本文,转载请保留出处!
原文链接:http://www.superqq.com/blog/2015/07/04/uibuttonzhong-de-san-ge-uiedgeinsetsshu-xing-(er-)/
创建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居左,以便观察:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button1.png)
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,就可以了。
![](http://7xjrlb.com1.z0.glb.clouddn.com/button2.png)
向左移动20个像素
button.contentEdgeInsets = UIEdgeInsetsMake(0, -20, 0, 0);
![](http://7xjrlb.com1.z0.glb.clouddn.com/button3.png)
UIButton的titleEdgeInsets属性
titleEdgeInsets和contentEdgeInsets的作用差不多。我们及设置contentEdgeInsets,又设置titleEdgeInsets,会怎样呢?button.titleEdgeInsets = UIEdgeInsetsMake(0, 20, 0, 0); button.contentEdgeInsets = UIEdgeInsetsMake(0, 20 , 0, 0);
看一下效果:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button4.png)
UIButton的titleEdgeInsets属性
创建一个带照片的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];
运行一下:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button5.png)
向右移动50个像素
button.imageEdgeInsets = UIEdgeInsetsMake(0, 50, 0, 0);
看看效果:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button6.png)
向左移动50个像素
button.imageEdgeInsets = UIEdgeInsetsMake(0, -50, 0, 0);
看看效果:
![](http://7xjrlb.com1.z0.glb.clouddn.com/button7.png)
大家可以自行设置其他三个参数看看效果是怎样的,自己动手便于理解。
![](http://7xjrlb.com1.z0.glb.clouddn.com/ios.png)
Posted by 李刚 Jul 4th, 2015 2:14
pm ios开发
来源:刚刚在线(微信:iOSDevTip),欢迎分享本文,转载请保留出处!
原文链接:http://www.superqq.com/blog/2015/07/04/uibuttonzhong-de-san-ge-uiedgeinsetsshu-xing-(er-)/
相关文章推荐
- UIButton中的三个UIEdgeInsets属性(一)
- [Phonegap+Sencha Touch] 移动开发66 sencha touch可编辑的div(ContentEditable=true)下,长按不弹出“复制粘贴”菜单的解决办法
- 【第十五篇】easyui datagrid的列编辑,同时插入两张表的数据进去
- UIButton文字居左显示
- 安卓在4.3的系统中提供了低功耗蓝牙Bluetooth Low Energy
- 五种创建UIImage的类方法
- 2015年四川省赛||弱校联萌十一大决战之强力热身 H. Range Query 二分图的最大匹配确定匹配顺序
- sublime3+quick3.5 完整使用教程
- RequireJs 入门
- SuiShenJi项目_EditText多行输入
- ExecuteNonQuery返回值问题
- 【第十四篇】easyui datagrid导出excel
- Android报错解决 UIL doesn't support scheme(protocol) by default [file:/]. You should impleme
- General Problem Solving Techniques [Intermediate-1]~D - Fabled Rooks
- Arduino uno R3 + ESP8266-01 测试例程
- 阿里RocketMQ Quick Start
- 关于UGUI如何自动拓展父物体大小
- UICollectionView
- 16进制颜色转UIColor
- iOS 编译失败,但是没有错误提示(ios build failed ,but without errors)