Thay đổi UIButton BorderColor trong Storyboard

Tôi đặt CornerRadius và BorderWidth cho nút giao diện người dùng trong Thuộc tính thời gian chạy do người dùng xác định. Không cần thêm layer.borderColor nó hoạt động tốt và Hiển thị đường viền màu đen. Nhưng khi add layer.borderColor không hoạt động (không hiển thị đường viền).

Đối với Swift:

Swift 3:

extension UIView {

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }

    @IBInspectable var borderWidth: CGFloat {
        get {
            return layer.borderWidth
        }
        set {
            layer.borderWidth = newValue
        }
    }

    @IBInspectable var borderColor: UIColor? {
        get {
            return UIColor(cgColor: layer.borderColor!)
        }
        set {
            layer.borderColor = newValue?.cgColor
        }
    }
}

Swift 2.2:

extension UIView {

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }

    @IBInspectable var borderWidth: CGFloat {
        get {
            return layer.borderWidth
        }
        set {
            layer.borderWidth = newValue
        }
    }

    @IBInspectable var borderColor: UIColor? {
        get {
            return UIColor(CGColor: layer.borderColor!)
        }
        set {
            layer.borderColor = newValue?.CGColor
        }
    }
}

Tôi có câu trả lời. Thay đổi borderColor thay vì layer.borderColor :

và thêm mã này vào tệp .m:

#import <QuartzCore/QuartzCore.h>
@implementation CALayer (Additions)

- (void)setBorderColorFromUIColor:(UIColor *)color
{
    self.borderColor = color.CGColor;
}

@end

Đánh dấu thuộc tính trong Trình kiểm tra thuộc tính

Swift 4, Xcode 9.2 - Sử dụng IBDesignablevà IBInspectableđể xây dựng các điều khiển tùy chỉnh và xem trước trực tiếp thiết kế trong Trình tạo giao diện.

Đây là một mã mẫu trong Swift, đặt ngay bên dưới UIKittrong ViewController.swift:

@IBDesignable extension UIButton {

    @IBInspectable var borderWidth: CGFloat {
        set {
            layer.borderWidth = newValue
        }
        get {
            return layer.borderWidth
        }
    }

    @IBInspectable var cornerRadius: CGFloat {
        set {
            layer.cornerRadius = newValue
        }
        get {
            return layer.cornerRadius
        }
    }

    @IBInspectable var borderColor: UIColor? {
        set {
            guard let uiColor = newValue else { return }
            layer.borderColor = uiColor.cgColor
        }
        get {
            guard let color = layer.borderColor else { return nil }
            return UIColor(cgColor: color)
        }
    }
}

Nếu bạn đi tới Thuộc tính có thể kiểm tra của dạng xem, bạn sẽ tìm thấy các thuộc tính này một cách trực quan, chỉnh sửa các thuộc tính:

Các thay đổi cũng được phản ánh trong Thuộc tính thời gian chạy do người dùng xác định:

Chạy trong thời gian xây dựng và Thì đấy! bạn sẽ thấy nút tròn rõ ràng có viền.

Lời giải thích, có lẽ bị mất trong một số câu trả lời khác ở đây:

Lý do mà thuộc tính này không được đặt là layer.borderColorcần một giá trị với kiểu CGColor.

Nhưng chỉ UIColorcó thể đặt các loại thông qua Thuộc tính thời gian chạy do người dùng xác định của Trình tạo giao diện!

Vì vậy, bạn phải đặt UIColor thành thuộc tính proxy thông qua Trình tạo giao diện, sau đó chặn lệnh gọi đó để đặt CGColor tương đương cho thuộc layer.borderColortính.

Điều này có thể được thực hiện bằng cách tạo một Category trên CALayer, đặt Key Path thành một "thuộc tính" mới duy nhất ( borderColorFromUIColor) và trong danh mục ghi đè setter ( setBorderColorFromUIColor:) tương ứng .

Có một cách tốt hơn nhiều để làm điều này! Bạn nên sử dụng @IBInspectable. Kiểm tra mục blog của Mike Woelmer tại đây: https://spin.atomicobject.com/2017/07/18/swift-interface-builder/

Nó thực sự bổ sung tính năng IB trong Xcode! Một số ảnh chụp màn hình trong các câu trả lời khác làm cho nó xuất hiện như thể các trường tồn tại trong IB, nhưng ít nhất trong Xcode 9 thì không. Nhưng sau bài viết của anh ấy sẽ thêm chúng.

Trong trường hợp Swift, chức năng không hoạt động. Bạn sẽ cần một thuộc tính được tính toán để đạt được kết quả mong muốn:

extension CALayer {
    var borderColorFromUIColor: UIColor {
        get {
            return UIColor(CGColor: self.borderColor!)
        } set {
            self.borderColor = newValue.CGColor
        }
    }
}

Điều này làm việc cho tôi.

Swift 3, Xcode 8.3

Phần mở rộng CALayer:

extension CALayer {
var borderWidthIB: NSNumber {
    get {
        return NSNumber(value: Float(borderWidth))
    }
    set {
        borderWidth = CGFloat(newValue.floatValue)
    }
}
var borderColorIB: UIColor? {
    get {
        return borderColor != nil ? UIColor(cgColor: borderColor!) : nil
    }
    set {
        borderColor = newValue?.cgColor
    }
}
var cornerRadiusIB: NSNumber {
    get {
        return NSNumber(value: Float(cornerRadius))
    }
    set {
        cornerRadius = CGFloat(newValue.floatValue)
    }
}

}