如何以編程方式設置 UIView 的自定義邊框顏色？

Question

我正在嘗試在 Swift 中以編程方式設置 UIView 的自定義邊框顏色。

Answer 1

如果您使用 Swift 2.0+

self.yourView.layer.borderWidth = 1
self.yourView.layer.borderColor = UIColor(red:222/255, green:225/255, blue:227/255, alpha: 1).cgColor

Answer 2

在Swift 4 中，您可以使用以下代碼將邊框顏色和寬度設置為 UIControls。

let yourColor : UIColor = UIColor( red: 0.7, green: 0.3, blue:0.1, alpha: 1.0 )
yourControl.layer.masksToBounds = true
yourControl.layer.borderColor = yourColor.CGColor
yourControl.layer.borderWidth = 1.0

< Swift 4 ，您可以使用以下代碼設置 UIView 的邊框寬度和邊框顏色。

yourView.layer.borderWidth = 1

yourView.layer.borderColor = UIColor.red.cgColor

Answer 3

使用@IBDesignable和@IBInspectable來做同樣的事情。

它們是可重復使用的，可以從 Interface Builder 輕松修改，並且更改會立即反映在 Storyboard 中

使故事板中的對象符合特定的類

代碼片段：

@IBDesignable
class CustomView: UIView{

@IBInspectable var borderWidth: CGFloat = 0.0{

    didSet{

        self.layer.borderWidth = borderWidth
    }
}


@IBInspectable var borderColor: UIColor = UIColor.clear {

    didSet {

        self.layer.borderColor = borderColor.cgColor
    }
}

override func prepareForInterfaceBuilder() {

    super.prepareForInterfaceBuilder()
}

}

允許從 Interface Builder 輕松修改：

Answer 4

您可以編寫一個擴展以將其與所有 UIViews 一起使用，例如。 UIButton、UILabel、UIImageView 等。您可以根據您的要求自定義我的以下方法，但我認為它對您很有效。

extension UIView{

    func setBorder(radius:CGFloat, color:UIColor = UIColor.clearColor()) -> UIView{
        var roundView:UIView = self
        roundView.layer.cornerRadius = CGFloat(radius)
        roundView.layer.borderWidth = 1
        roundView.layer.borderColor = color.CGColor
        roundView.clipsToBounds = true
        return roundView
    }
}

用法：

btnLogin.setBorder(7, color: UIColor.lightGrayColor())
imgViewUserPick.setBorder(10)

Answer 5

Swift 5.2 , UIView+擴展

extension UIView {
    public func addViewBorder(borderColor:CGColor,borderWith:CGFloat,borderCornerRadius:CGFloat){
        self.layer.borderWidth = borderWith
        self.layer.borderColor = borderColor
        self.layer.cornerRadius = borderCornerRadius

    }
}

您使用了此擴展程序；

yourView.addViewBorder(borderColor: #colorLiteral(red: 0.6, green: 0.6, blue: 0.6, alpha: 1), borderWith: 1.0, borderCornerRadius: 20)

Answer 6

迅捷 3

func borderColor(){

    self.viewMenuItems.layer.cornerRadius = 13
    self.viewMenuItems.layer.borderWidth = 1
    self.viewMenuItems.layer.borderColor = UIColor.white.cgColor
}

Answer 7

我們可以為它創建方法。 只需使用它。

public func createBorderForView(color: UIColor, radius: CGFloat, width: CGFloat = 0.7) {
    self.layer.borderWidth = width
    self.layer.cornerRadius = radius
    self.layer.shouldRasterize = false
    self.layer.rasterizationScale = 2
    self.clipsToBounds = true
    self.layer.masksToBounds = true
    let cgColor: CGColor = color.cgColor
    self.layer.borderColor = cgColor
}

Answer 8

在viewDidLoad()編寫代碼

self.view.layer.borderColor = anyColor().CGColor

你可以用RGB設置Color

func anyColor() -> UIColor {
    return UIColor(red: 0.0/255.0, green: 0.0/255.0, blue: 0.0/255.0, alpha: 1.0)
}

了解UIKit CALayer

Answer 9

迅捷 3.0

self.uiTextView.layer.borderWidth = 0.5
    self.txtItemShortDes.layer.borderColor = UIColor(red:205.0/255.0, green:205.0/255.0, blue:205.0/255.0, alpha: 1.0).cgColor

Answer 10

斯威夫特 3.0

       groundTrump.layer.borderColor = UIColor.red.cgColor

Answer 11

斯威夫特 5 *

我，總是使用視圖擴展來使視圖角變圓，設置邊框顏色和寬度，這對我來說是最方便的方法。 只需復制並粘貼此代碼並在屬性檢查器中控制這些屬性。

extension UIView {
    @IBInspectable
    var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
        }
    }
    
    @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
            }
        }
    }
}