Computer >> Máy Tính >  >> Lập trình >> IOS

Làm thế nào để thay đổi độ dày và màu viền của UIView trong Cocoa Touch?


Trong bài viết này, chúng ta sẽ tìm hiểu cách thay đổi độ dày và màu đường viền của Chế độ xem.

Điều này có thể được thực hiện theo hai cách như được đề cập bên dưới.

Phương pháp 1 - Viết mã

Giả sử chúng ta có một tên chế độ xem là backView, sau đó để thêm màu và độ dày của đường viền, chúng ta có thể viết

backView.layer.borderWidth =5 // Hoặc bất kỳ giá trị số nguyên nào

backView.layer.bordercolor =colorLiteral (red:0.09019608051, green:0, blue:0.3019607961, alpha:1) mã này sẽ thêm đường viền có chiều rộng là 5 và màu xanh lam đậm. Dưới đây là kết quả được sản xuất.

Làm thế nào để thay đổi độ dày và màu viền của UIView trong Cocoa Touch?

Phương pháp 2 - Tạo một phần mở rộng của UIView có thể chỉ định và kiểm tra được

@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
         }
      }
   }
}

Ở trên sẽ tạo một Bảng phân cảnh có thể chỉnh sửa, bảng này sẽ hiển thị các thay đổi trực tiếp trên bảng phân cảnh khi được chỉnh sửa từ trình kiểm tra thuộc tính.

Dưới đây là kết quả cho phương pháp 2 cho thấy cách nó hiển thị trực tiếp trên bảng phân cảnh.

Làm thế nào để thay đổi độ dày và màu viền của UIView trong Cocoa Touch?