iOS按钮 - 添加边框

时间:2013-08-18 04:27:57

标签: ios objective-c ios7 uibutton

我正在为iOS7准备好我的应用程序。我做了转换,并与用户合作。应用程序中的按钮看起来不像按钮。看起来很平坦。有没有办法放置边框或让它像按钮一样站立?

8 个答案:

答案 0 :(得分:103)

尝试添加边框,它会起作用

#import <QuartzCore/QuartzCore.h>

然后在viewDidLoad

_btn.layer.borderWidth=1.0f;
_btn.layer.borderColor=[[UIColor blackColor] CGColor];
_btn.layer.cornerRadius = 10;

你也可以填充颜色,使外观有点像按钮,或者最好的方法是使用图像

除了BorderColor,您也可以使用Runtime属性来完成。

enter image description here

答案 1 :(得分:44)

试试这个,这会将边框设置为按钮

#import <QuartzCore/QuartzCore.h>

btn.layer.borderColor = [UIColor blackColor].CGColor;

btn.layer.borderWidth = 1.0;

btn.layer.cornerRadius = 10;

答案 2 :(得分:23)

使用Swift和XCode 6,你可以做到这一点。

单击Storyboard中的UIButton元素,然后转到身份检查器。在用户定义的运行时属性中,输入:

layer.borderWidth number 1

如果你想要漂亮的角落

layer.cornerRadius number 5
layer.maskToBounds boolean true

现在这将为您提供边框,但要设置使用代码执行此操作所需的颜色。转到视图控制器,然后从按钮添加IBOutlet。请注意,在这种情况下,它是IBOutlet,而不是IBAction。说你做,

@IBOutlet weak var xButton: UIButton!

在viewDidLoad函数中调用此方法,如下所示设置颜色。

xButton.layer.borderColor = UIColor.whiteColor().CGColor

谢谢!

答案 3 :(得分:15)

iOS7中的设计原则已经改变。但是,如果你想要更平坦,但仍然想要一个“像按钮一样”的自定义按钮,你可以尝试这个开源组件集合:

FlatUIKit on GitHub

答案 4 :(得分:2)

在ios 7中有两种简化按钮的方法

1&gt;设置图像:就像按钮使用setImage属性按钮

一样

2&gt;设置bordercolor borderWidth:

button.layer.borderWidth = 1.0F;

button.layer.borderColor = [[UIColor blackColor] CGColor];

答案 5 :(得分:1)

我建议你尝试一下iOS BootstrapButton库(或克隆)。只需将故事板中的UIButton更改为BButton即可。故事板中没有预览。

答案 6 :(得分:0)

如果使用背景图像,请向后移动按钮。 编辑器&gt;安排&gt;向后发送

答案 7 :(得分:-3)

在ios7中按钮应该看起来没有边框。请参阅apple的View Transition Guidelines寻求帮助。

如果您真的希望按钮有边框,请执行:[button setImage:forState:]设置带边框的自定义按钮图像。