如何在 Cocoa Touch 中更改 UIView 的边框颜色和厚度?


在本文中,我们将学习如何更改视图的边框颜色和厚度。

可以通过以下两种方式完成此操作。

方法 1 − 编写代码

假设我们有一个视图名称 backView,那么要添加边框颜色和厚度,我们可以编写

backView.layer.borderWidth = 5 // 或任何整数值

backView.layer.bordercolor = colorLiteral(red: 0.09019608051, green: 0, blue: 0.3019607961, alpha: 1) 此代码将添加 5 个宽度的边框和深蓝色。以下是它产生的输出。

方法 2 − 使用可设计和可检查的 UIView 创建扩展

@IBDesignable
class DesignableView: UIView {
}
extension UIView {
   @IBInspectable
   var borderWidth: CGFloat {
      get {
         return layer.borderWidth
      }
      set {
         layer.borderWidth = newValue
      }
   }
   @IBInspectable
   var borderColor: UIColor? {
     get {
         if let color = layer.borderColor {
            return UIColor(cgColor: color)
         }
         return nil
      }
      set {
         if let color = newValue {
            layer.borderColor = color.cgColor
         }
          else {
            layer.borderColor = nil
         }
      }
   }
}

上述代码将创建一个可编辑的 Storyboard,它将在从属性检查器中进行编辑时在 storyboard 上呈现实时的更改。

以下是方法 2 的输出,显示了它如何在 storyboard 上实时呈现。

已更新于: 2020 年 6 月 30 日

545 次浏览

开启你的 事业

通过完成课程进行认证

立即开始
广告