Xcode 10（Swift 4.2）中的自定义圆形按钮

Xcode故事是设计iOS App外观的最佳方式之一，到目前为止，它仍有一些局限性。 今天，我将教您最简单的方法来实现圆形按钮，而无需导入任何精美的库。

让我们开始：

1. 创建一个新的子类UIButton的 swift文件（我将命名为RoundButton.swift ）。

2.在RoundButton.swift文件中粘贴此代码。

import UIKit 
 
 @IBDesignable 
 class RoundButton: UIButton { 
 
 @IBInspectable var cornerRadius: CGFloat = 0{ 
 didSet { 
 self .layer.cornerRadius = cornerRadius 
 } 
 } 
 
 @IBInspectable var borderWidth: CGFloat = 0{ 
 didSet { 
 self .layer.borderWidth = borderWidth 
 } 
 } 
 
 @IBInspectable var borderColor: UIColor = UIColor .clear{ 
 didSet { 
 self .layer.borderColor = borderColor.cgColor 
 } 
 } 
 } 

3.现在，将“ 自定义按钮”类链接到情节提要。 转到Storyboard，如果尚未将视图控制器插入到ViewController中 。 插入Button之后，确保已选中它，然后转到I dentity Inspector ，并将您的button类设置为我们创建的自定义类 。

4.然后，在仍选择“按钮”的情况下，您移回到“ 属性”检查器，现在您应该看到一个名为“ 圆形按钮”的新部分，如下面的图像所示，您可以在故事板上查看到的更改来操纵“ 转角”半径，“边框颜色”和“边框宽度 ” 。

5.瞧！ 您只需4步即可获得一个闪亮美丽的按钮。 如果您觉得这很有用，请确保喜欢，共享和关注。 🙃