Cocoa Touch में UIView का बॉर्डर कलर और मोटाई कैसे बदलें?

UIView के बॉर्डर कलर और मोटाई बदलना

इस लेख में हम सीखेंगे कि व्यू के बॉर्डर कलर और मोटाई को कैसे बदलें।

इसे नीचे बताए गए दो तरीकों से किया जा सकता है।

विधि 1: कोड लिखकर

मान लीजिए हमारे पास backView नाम का एक व्यू है, तो बॉर्डर कलर और मोटाई जोड़ने के लिए हम लिख सकते हैं:

backView.layer.borderWidth = 5 // या कोई भी पूर्णांक मान
backView.layer.borderColor = UIColor(red: 0.09, green: 0, blue: 0.302, alpha: 1).cgColor

यह कोड 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
            }
        }
    }
}

उपरोक्त एक एडिट करने योग्य स्टोरीबोर्ड बनाएगा, जो एट्रिब्यूट इंस्पेक्टर से संपादित करने पर स्टोरीबोर्ड पर लाइव परिवर्तन प्रस्तुत करेगा।

नीचे विधि 2 का आउटपुट दिखा रहा है कि यह स्टोरीबोर्ड पर लाइव कैसे रेंडर होता है: