您的位置:首页 > 产品设计 > UI/UE

button 设置圆角、View设置圆角以及Button图文位置

2016-06-12 17:23 627 查看
有些常用的属性有时候会突然忘了,忘一次写一次

UIButton *roundBtn = [UIButton buttonWithType:UIButtonTypeCustom];

roundBtn.frame = CGRectMake(100, 100, 50, 50);

roundBtn.backgroundColor = [UIColor redColor

//设置cornerRadius

_roundBtn.layer.cornerRadius = 10.0;


View设置圆角原理一样

View.layer.cornerRadius = 10.0;


button图片与文字位置

UIButton 上默认是图片在左文字在右,而大多数情况这样默认的的显示形式都不能满足我们的需求,接下来我就这个问题分享一下我的心得。

默认情况下,不设置的效果,都是居中实现

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(50, 50, 150, 100);
button.backgroundColor = [UIColor yellowColor];
[button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[button setTitle:@"title" forState:UIControlStateNormal];
[button setImage:[UIImage imageNamed:@"tab5"] forState:UIControlStateNormal];
[self.view addSubview:button];




上面的四个数值是基于原位置而改变的例如:

UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right);


//如下
[button setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, 60)];
[button setImageEdgeInsets:UIEdgeInsetsMake(0, 60, 0, 0)];




title 的CGFloat right改变的60 是基于原位置的titleLabel的右边框向左平移60也就是到右边框的距离。

image也是一样,距离原来imageView的左边框向右平移了60。

[button setTitleEdgeInsets:UIEdgeInsetsMake(30, 0, 0, 30)];
[button setImageEdgeInsets:UIEdgeInsetsMake(0, 30, 30, 0)];




上下移动的原理同左右;

注意:这4个数值的位移都是基于原来的位置进行移动的例如第 *

一个数就是基于原来上边框的位置向下移动,正数向下移动负数 *

向上移动;左右同理; *

拓展

iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片 在定义位置
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息