如何在Xib文件中设置元素的拐角半径

Question

我不确定如何获取.xib文件中的图像视图以使其具有圆角。我已经将“ layer.cornerRadius”放入用户定义的运行时属性中，但这不起作用。

Answer 1

我建议使用@IBDesignable视图：

• 在项目中为“ designables”添加框架目标。选择“文件”»“新建”»“目标...”»“ Cocoa Touch框架”。

  命名该目标时，通常的约定是使用项目名称加上后缀“ Kit”，例如如果您的应用程序是“ Foo”，则将框架目标称为“ FooKit”。

• 向该框架目标添加可设计的视图UIView子类：

  import UIKit
  
  @IBDesignable
  class RoundedCornerView: UIView {
  
      @IBInspectable
      var cornerRadius: CGFloat {
          set { layer.cornerRadius = newValue }
          get { return layer.cornerRadius     }
      }
  }
  

现在，在将视图添加到XIB时，您可以将该视图的基类指定为RoundedCornerView，然后可以在IB中直接指定拐角半径：

Answer 2

您需要将layer.maskToBounds = true设置为：

Answer 3

确实，您需要设置“剪辑到边界”属性才能使其工作，但最简单的方法不是通过 CoreGraphics 在关键路径中设置它，而是使用属性选项卡中的剪辑到边界选项：

然后，您可以在“Key Path”中添加 layer.cornerRadius ：