इमेज/व्यू पर राउंडेड कॉर्नर लागू करना
Swift में राउंडेड कॉर्नर वाली इमेज बनाने के लिए या किसी भी व्यू या बटन या किसी UI एलिमेंट को राउंडेड कॉर्नर बनाने के लिए, हमें उसकी लेयर के कॉर्नर रेडियस प्रॉपर्टी को एक्सेस करने की आवश्यकता होती है। iOS में हर UI एलिमेंट एक लेयर पर आधारित होता है।
सबसे पहले, आइए अपने स्टोरीबोर्ड में एक UIImageView ऑब्जेक्ट जोड़ें। या आइए इसे प्रोग्रामेटिकली बनाएं।
नीचे एक फंक्शन है जो प्रोग्रामेटिकली एक इमेज व्यू बनाएगा और उसमें एक इमेज जोड़ेगा।
func addImage(imageName img: String) {
let imageView = UIImageView()
imageView.frame = CGRect(x: 10, y: 20, width: 200, height: 200)
imageView.contentMode = .scaleAspectFill
if let newImage = UIImage(named: img) {
imageView.image = newImage
}
self.view.addSubview(imageView)
}
मान लीजिए मूल इमेज जिसे हम अपने एप्लिकेशन में जोड़ना चाहते हैं वह है:
हमारे viewDidLoad में, आइए नीचे दिए गए कोड को कॉल करके इस इमेज को हमारे एप्लिकेशन में जोड़ें।
बिना किसी कॉर्नर प्रॉपर्टी में बदलाव के यह कैसा दिखता है:
अब, आइए अपने मौजूदा कोड में कॉर्नर रेडियस प्रॉपर्टी जोड़ें और देखें कि यह कैसा दिखता है।
imageView.layer.cornerRadius = 10
imageView.clipsToBounds = true
इन दो लाइनों को addImage फंक्शन में addSubview मेथड के ठीक ऊपर जोड़ें। जब हम एप्लिकेशन चलाते हैं तो यह अब ऐसा दिखता है:
हम UIImageView का एक एक्सटेंशन भी बना सकते हैं और इसे नीचे दिखाए अनुसार उपयोग कर सकते हैं, जो फिर से वही परिणाम देता है।
extension UIImageView {
func makeRoundCorners(byRadius rad: CGFloat) {
self.layer.cornerRadius = rad
self.clipsToBounds = true
}
}
imageView.makeRoundCorners(byRadius: 20)
