如何在 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 次瀏覽

開啟你的 事業

透過完成課程進行認證

立即開始
廣告