UIView पर बॉर्डर और शैडो बनाने के दो तरीके
इस लेख में हम बॉर्डर और शैडो बनाना सीखेंगे। हम इसे दो तरीकों से करेंगे: एक सीधे कोडिंग द्वारा और दूसरा इसे डिजाइन करने योग्य बनाकर और UIView का एक्सटेंशन बनाकर, जिसे स्टोरीबोर्ड में सीधे संपादित किया जा सके।
विधि 1: सरल कोडिंग के साथ बॉर्डर बनाना
बॉर्डर लेयर की एक प्रॉपर्टी है, जिसके ऊपर व्यू बनाया जाता है। बॉर्डर की निम्नलिखित प्रॉपर्टीज होती हैं: बॉर्डर कलर, बॉर्डर चौड़ाई।
self.view.layer.borderColor = UIColor(red: 0.439, green: 0.012, blue: 0.192, alpha: 1).cgColor
self.view.layer.borderWidth = 5.0
व्यू का कॉर्नर रेडियस बनाने के लिए:
self.view.layer.cornerRadius = 5
उपरोक्त कोड को सिम्युलेटर पर चलाने पर परिणाम:
शैडो बनाने के लिए हम shadowPath, shadowColor, shadowOffset, shadowOpacity और shadowRadius जैसी अन्य प्रॉपर्टीज का उपयोग कर सकते हैं।
विधि 2: डिजाइन करने योग्य (Designable) का उपयोग करके स्टोरीबोर्ड से संपादन योग्य बनाना
आइए डिजाइन करने योग्य का उपयोग करके बॉर्डर के साथ खेलने का एक उदाहरण देखें:
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
}
}
}
}
यह स्टोरीबोर्ड के एट्रिब्यूट इंस्पेक्टर में एक्शन बनाएगा जहां से आप सीधे संपादित कर सकते हैं और परिणाम देख सकते हैं। यह नीचे दिखाए अनुसार दिखना चाहिए:
