समन्वित motion के लिए updateTransition

जब किसी एक स्थिति के बदलने पर कई गुणों को साथ बदलना हो, तो उन्हें समन्वित रखना आवश्यक है। updateTransition एक ही स्थिति से कई एनीमेशन का समन्वय करता है। ✨

अपनी वर्तमान स्थिति updateTransition को देकर एक ट्रांज़िशन बनाएं। Compose इस पर नज़र रखता है और स्थिति बदलने पर हर सहायक एनीमेशन को चलाता है।

animateDp, animateColor और अन्य साधनों से ट्रांज़िशन से प्रत्येक मान माँगें। आप एक लैम्ब्डा देते हैं, जो हर स्थिति को उसके लक्ष्य मान से मैप करता है।

एक ही ट्रांज़िशन से जितने चाहें उतने सहायक एनीमेशन जोड़ें। आकार, रंग और कोने की त्रिज्या एक ही बूलियन से साथ-साथ बदलते हैं।

क्योंकि वे एक ही ट्रांज़िशन साझा करते हैं, मान एक साथ तालमेल में रहते हैं। आकार का रंग से पहले समाप्त होने का जोखिम नहीं रहता, जैसा अलग-अलग animateAsState कॉल में हो सकता है।

हर एनीमेटेड मान को सामान्य स्थिति की तरह पढ़ें और लागू करें। ट्रांज़िशन के हर फ़्रेम में चलते रहने पर पूरा तत्व सहजता से अपना रूप बदलता है।

हर सहायक का अपना transitionSpec हो सकता है। रंग को तेज़ी से बदलें और आकार को धीरे-धीरे सहज होने दें, फिर भी दोनों एक ही स्थिति बदलाव से शुरू होंगे।

आपकी स्थिति केवल बूलियन ही नहीं, बल्कि एनम भी हो सकती है। हर मामले को किसी लक्ष्य से जोड़ें और संक्रमण उनके बीच ऐनिमेट होगा।

संक्रमण currentState और targetState उपलब्ध कराता है। आप जाँच सकते हैं कि गति अभी जारी है या लक्ष्य पर स्थिर हो गई है।

जब एक घटना से कई समन्वित बदलाव कराने हों, तब updateTransition चुनें—जैसे कार्ड का विस्तार हो और उसका रंग व उन्नयन एक साथ बदलें। 🎬

कई स्वतंत्र animate*AsState मानों को सँभालने की तुलना में, एक संक्रमण के अंतर्गत ऐनिमेशन समूहित करना अधिक साफ़ और समझने में आसान है।

आपने updateTransition सीखा: एक स्थिति से कई ऐनिमेटेड मान निकालना, ताकि वे अपने-अपने समय-निर्धारण के साथ बिल्कुल तालमेल में चलें। 🎉