आप आईओएस पर एक दृश्य के पृष्ठभूमि रंग के परिवर्तन को कैसे एनिमेट करते हैं?

इस पोस्ट में हम सीखेंगे कि एनिमेशन के साथ बैकग्राउंड का रंग कैसे बदलें।

इस उदाहरण में हम एक बटन के क्लिक पर पृष्ठभूमि का रंग बदल देंगे। बटन पर क्लिक करने पर पृष्ठभूमि का रंग लाल हो जाएगा, फिर अगले क्लिक पर यह नीले रंग में बदल जाएगा, अगले क्लिक पर फिर से लाल हो जाएगा।

चरण 1 − ओपन एक्सकोड → नया प्रोजेक्ट → सिंगल व्यू एप्लीकेशन → आइए इसे "चेंजबीजीकलर" नाम दें

चरण 2 - मेन.स्टोरीबोर्ड खोलें जैसा कि नीचे दिखाया गया है एक बटन जोड़ें

चरण 3 - 'चेंज बैकग्राउंड' बटन के अंदर टचअप के लिए एक @IBAction जोड़ें। फ़ंक्शन को चेंजबैकग्राउंडक्लिक के रूप में नाम दें।

चरण 4 - हम बैकग्राउंड कलर बदलने के लिए UIView के 'एनिमेट' फंक्शन का इस्तेमाल करेंगे। यह हमें पैरामीटर के रूप में अवधि और वैकल्पिक पूर्णता प्रदान करता है। चेंजबैकग्राउंडक्लिक में हम दृश्य के पृष्ठभूमि रंग को लाल से नीले और इसके विपरीत बदल देंगे। बैकग्राउंडक्लिक करने के लिए निम्न कोड जोड़ें

@IBAction func changeBackgroundClicked(_ sender: Any) {
   if self.view.backgroundColor == UIColor.red {
      UIView.animate(withDuration: 2) {
         self.view.backgroundColor = UIColor.blue
      }
   } else {
      UIView.animate(withDuration: 2) {
         self.view.backgroundColor = UIColor.red
      }
   }
}

चरण 5 - कोड रन करें, 'चेंज बैकग्राउंड कलर' बटन पर क्लिक करें। आपको ऐनिमेशन के साथ दृश्य की पृष्ठभूमि का रंग लाल और नीले रंग के बीच बदलते हुए देखना चाहिए।