Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> IOS

स्विफ्ट का उपयोग करके आईओएस ऐप पर गोलाकार कोनों वाली छवि कैसे प्रदर्शित करें?


गोल कोनों के साथ एक छवि बनाने के लिए या किसी भी दृश्य या बटन या किसी 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)
}

मान लें कि मूल छवि जिसे हम अपने एप्लिकेशन में जोड़ना चाहते हैं, वह है -

स्विफ्ट का उपयोग करके आईओएस ऐप पर गोलाकार कोनों वाली छवि कैसे प्रदर्शित करें?

हमारे व्यूडिडलोड में, इस छवि को हमारे एप्लिकेशन में जोड़ने के लिए नीचे दिए गए कोड को कॉल करें।

नीचे बताया गया है कि यह अपने कोने की संपत्ति में बिना किसी बदलाव के कैसा दिखता है।

स्विफ्ट का उपयोग करके आईओएस ऐप पर गोलाकार कोनों वाली छवि कैसे प्रदर्शित करें?

अब, हमारे मौजूदा कोड में कॉर्नर रेडियस प्रॉपर्टी जोड़ें और देखें कि यह कैसा दिखता है।

imageView.layer.cornerRadius = 10
imageView.clipsToBounds = true

इन दो पंक्तियों को addSubview विधि के ठीक ऊपर, addImage फ़ंक्शन में जोड़ें। जब हम एप्लिकेशन चलाते हैं तो यह अब कैसा दिखता है -

स्विफ्ट का उपयोग करके आईओएस ऐप पर गोलाकार कोनों वाली छवि कैसे प्रदर्शित करें?

हम UIImageView का एक्सटेंशन भी बना सकते हैं और नीचे दिखाए गए अनुसार उसी का उपयोग कर सकते हैं, जो फिर से वही परिणाम देता है।

extension UIImageView {
   func makeRoundCorners(byRadius rad: CGFloat) {
      self.layer.cornerRadius = rad
      self.clipsToBounds = true
   }
}


imageView.makeRoundCorners(byRadius: 20)

  1. एंड्रॉइड ऐप पर ImageView में एक छवि कैसे लोड और प्रदर्शित करें?

    यह उदाहरण दर्शाता है कि Android ऐप पर ImageView में किसी छवि को कैसे लोड और प्रदर्शित किया जाए। चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2 - निम्न कोड को res/layout/activity_main.xml में जोड़ें।

  1. मैं पायथन में cv2 का उपयोग करके एक छवि कैसे प्रदर्शित कर सकता हूं?

    Python cv2 में किसी इमेज को पढ़ने के लिए, हम निम्नलिखित कदम उठा सकते हैं- फ़ाइल से छवि लोड करें। छवि को निर्दिष्ट विंडो में प्रदर्शित करें। दबाई गई कुंजी की प्रतीक्षा करें। सभी HighGUI विंडो को नष्ट कर दें। उदाहरण import cv2 img = cv2.imread("baseball.png", cv2.IMREAD_COLOR) cv2.imshow(&

  1. स्विफ्ट का उपयोग करके आईओएस सीआरयूडी ऐप में रीयलम डेटाबेस कैसे जोड़ें

    सभी को नमस्कार! इस लेख में हम सीखेंगे कि आईओएस ऐप में रियलम डेटाबेस कैसे जोड़ा जाए। हम एक सरल टूडू ऐप बनाएंगे ताकि आप सीख सकें कि रियलम डेटाबेस में सीआरयूडी (क्रिएट, रीड, अपडेट, डिलीट) ऑपरेशन कैसे करें। रियलम क्या है? Realm एक ओपन-सोर्स मोबाइल डेटाबेस है जो डेवलपर के अनुकूल और उपयोग में आसान है।