इस पोस्ट में हम सीखेंगे कि देखने के लिए ऊपर और नीचे बॉर्डर कैसे जोड़ें।
इस उदाहरण में हम नमूना दृश्य के रूप में लेंगे और इसमें बॉर्डर जोड़ेंगे।
चरण 1 − ओपन एक्सकोड → नया प्रोजेक्ट → सिंगल व्यू एप्लिकेशन → आइए इसे "AddBorderTopAndBottom" नाम दें
चरण 2 - मेन.स्टोरीबोर्ड खोलें, इसमें एक UIView जोड़ें जैसा कि नीचे दिखाया गया है।
चरण 3 - दृश्य के लिए एक @IBOutlet जोड़ें, इसे केंद्र दृश्य नाम दें।
चरण 4 - इस व्यू में बॉर्डर जोड़ने के लिए हम अलग मेथड लिखेंगे। इस दृश्य में बॉर्डर जोड़ने के लिए हम वांछित मोटाई के साथ दो परतें बनाएंगे। हम इन दो परतों के फ्रेम को दृश्य के ऊपर और नीचे सेट करेंगे। हम इन लेयर्स पर बॉर्डर का वांछित बैकग्राउंड कलर सेट करेंगे और इन लेयर्स को सबलेयर्स के रूप में व्यू में जोड़ देंगे।
तो एक फ़ंक्शन addTopAndBottomBorders बनाएं और निम्न पंक्तियां जोड़ें
func addTopAndBottomBorders() {
let thickness: CGFloat = 2.0
let topBorder = CALayer()
let bottomBorder = CALayer()
topBorder.frame = CGRect(x: 0.0, y: 0.0, width: self.centerView.frame.size.width, height: thickness)
topBorder.backgroundColor = UIColor.red.cgColor
bottomBorder.frame = CGRect(x:0, y: self.centerView.frame.size.height - thickness, width: self.centerView.frame.size.width, height:thickness)
bottomBorder.backgroundColor = UIColor.red.cgColor
centerView.layer.addSublayer(topBorder)
centerView.layer.addSublayer(bottomBorder)
} जैसा कि आप देख सकते हैं, हमने परतों के लिए उपयुक्त मोटाई, फ्रेम और रंग सेट किया है और उन्हें सबलेयर के रूप में जोड़ा है।
चरण 5 - ViewController वर्ग के viewDidAppear में addTopAndBottomBorders विधि को कॉल करें।
override func viewDidAppear(_ animated: Bool) {
addTopAndBottomBorders()
} चरण 6 − प्रोजेक्ट को रन करें, आपको सेंटर व्यू के टॉप और बॉटम बॉर्डर देखने में सक्षम होने चाहिए।
