Question

我有很少的按钮是从Storyboard添加的（而不是代码）。我想让它呈圆形。我该怎么做？我不想从代码中添加循环按钮，而是从storyboard.Thanks

添加

Answer 1

即使在故事板中，您也可以使用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中进行设计。

在viewcontroller中添加UIButton并设置一些背景颜色。

设置宽度和高度相同。这两个都是100。

现在，您可以看到我们在Corner Radius类中声明的另一个名为RoundButton的属性。将其设置为50作为宽度/高度的一半。您可以根据需要进行设置。

现在您可以在故事板中看到圆角按钮。您无需运行代码即可查看更改。您可以在任何其他项目中重复使用类来使按钮循环。

有关IBDesignable的更多信息。

Answer 2

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)

Answer 3

非常简单容易。

yourButton.layer.cornerRadius = yourButton.frame.width/2

这肯定会起作用。吃睡眠代码重复?

在swift4中制作循环按钮

3 个答案: