我有很少的按钮是从故事板(而不是代码)添加的。我想让它呈圆形。我该怎么做?我不想从代码中添加一个圆形按钮,而是从storyboard.Thanks
即使在故事板中,您也可以利用IBDesginable
制作UIButton
圆形。
在您的项目中添加此类RoundButton
。
@IBDesignable class RoundButton : UIButton{
override init(frame: CGRect) {
super.init(frame: frame)
sharedInit()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
sharedInit()
}
override func prepareForInterfaceBuilder() {
sharedInit()
}
func sharedInit() {
refreshCorners(value: cornerRadius)
}
func refreshCorners(value: CGFloat) {
layer.cornerRadius = value
}
@IBInspectable var cornerRadius: CGFloat = 15 {
didSet {
refreshCorners(value: cornerRadius)
}
}
}
按照以下步骤使其可在Storyboard中进行设计。
UIButton
并设置一些背景颜色。Corner Radius
类中声明的另一个名为RoundButton
的属性。将其设置为50作为宽度/高度的一半。您可以根据需要进行设置。现在,您可以在故事板中看到圆角按钮。您无需运行代码即可查看更改。您可以在任何其他项目中重复使用类来使按钮循环。
关于IBDesignable的更多信息。
let button = UIButton(type: .custom)
button.frame = CGRect(x: 160, y: 100, width: 50, height: 50)
button.layer.cornerRadius = 0.5 * button.bounds.size.width
button.clipsToBounds = true
button.setImage(UIImage(named:"thumbsUp.png"), for: .normal)
button.addTarget(self, action: #selector(thumbsUpButtonPressed), for: .touchUpInside)