Android Studio में, MotionLayout लेआउट टाइप के लिए विज़ुअल डिज़ाइन एडिटर शामिल है. इससे ऐनिमेशन बनाना और उनकी झलक देखना आसान हो जाता है.
मोशन एडिटर, MotionLayout लाइब्रेरी के एलिमेंट में बदलाव करने के लिए एक आसान इंटरफ़ेस उपलब्ध कराता है. यह Android ऐप्लिकेशन में ऐनिमेशन के लिए बुनियादी तौर पर काम करता है. Android Studio के बिना, इन एलिमेंट को बनाने और उनमें बदलाव करने के लिए, एक्सएमएल रिसॉर्स फ़ाइलों में कंस्ट्रेंट को मैन्युअल तरीके से बदलना पड़ता है. हालांकि, मोशन एडिटर आपके लिए यह एक्सएमएल जनरेट कर सकता है. इसमें शुरू और खत्म होने की स्थितियां, कीफ़्रेम, ट्रांज़िशन, और टाइमलाइन शामिल होती हैं.
मोशन एडिटर का इस्तेमाल शुरू करने के लिए:
- ConstraintLayout बनाना.
- लेआउट एडिटर में झलक पर राइट क्लिक करें.
- नीचे दिए गए तरीके से, MotionLayout में बदलें पर क्लिक करें.
Android Studio, ConstraintLayout को MotionLayout में बदल देता है. इसके बाद, MotionScene फ़ाइल (.xml फ़ाइल, जिसमें आपके लेआउट फ़ाइल के नाम के आखिर में _scene जोड़ा जाता है) को भी उस डायरेक्ट्री में जोड़ दिया जाता है जिसमें आपका एक्सएमएल होता है.
इसके बाद, MotionLayout आपका रूट लेआउट बन जाता है और यह मोशन एडिटर के यूज़र इंटरफ़ेस (यूआई) में दिखता है. लेआउट में पहले से ही एक स्टार्ट ConstraintSet, एंड ConstraintSet, और स्टार्ट से एंड तक जाने वाला ट्रांज़िशन शामिल है.
खास जानकारी देने वाले ग्राफ़िक का इस्तेमाल करके, ConstraintSet या Transition चुना जा सकता है. साथ ही, सिलेक्शन पैनल पर कॉम्पोनेंट चुने जा सकते हैं.
इसके बाद, ConstraintSet की तरह ही, शुरू या खत्म होने वाले ConstraintSet की शर्तों और एट्रिब्यूट में बदलाव किया जा सकता है.ConstraintLayout
अगर आपको अपने ग्राफ़ में और एलिमेंट जोड़ने हैं, तो क्रिएशन आइकॉन का इस्तेमाल करके, ConstraintSet, Transition या OnClick/OnSwipe जेस्चर तुरंत जोड़े जा सकते हैं.
कीफ़्रेम जोड़ने के लिए, सबसे पहले ट्रांज़िशन ऐरो पर क्लिक करें:
इसके बाद, ट्रांज़िशन टाइमलाइन पैनल में, सबसे ऊपर दाएं कोने पर क्लिक करें और KeyPosition चुनें:
इस कार्रवाई से एक डायलॉग बॉक्स खुलता है. इसमें कीफ़्रेम के लिए एट्रिब्यूट सेट किए जा सकते हैं.
एट्रिब्यूट पैनल में जाकर, ट्रांज़िशन में OnClick और OnSwipe हैंडलर भी जोड़े जा सकते हैं.
इस कार्रवाई से एक डायलॉग बॉक्स खुलता है. इसमें क्लिक के एट्रिब्यूट सेट किए जा सकते हैं. जैसे, टारगेट कॉम्पोनेंट और खींचने की दिशा.
मोशन एडिटर, डिज़ाइन सर्फ़ेस पर ऐनिमेशन की झलक देखने की सुविधा देता है. कोई ऐनिमेशन चुनने के बाद, ऐनिमेशन की झलक देखने के लिए, टाइमलाइन के ऊपर मौजूद चलाएं
पर क्लिक करें.
