एंड्रॉइड के लिए बाउंस एनीमेशन कैसे बनाएं

यहाँ पर एहसान , हमारे ग्राहक अपने सोशल मीडिया कंटेंट का प्रबंधन करने में उनकी मदद करने के लिए हम पर निर्भर हैं। अंकुरित ग्राहक हमारे मोबाइल आईओएस और एंड्रॉइड एप्लिकेशन का उपयोग करते हैं ताकि वे अपने प्रबंधन कर सकें चलते-चलते सोशल मीडिया । जब हमने अपने एंड्रॉइड संदेश को अपडेट करने का निर्णय लिया तो समर्थन करने के लिए अनुभव लिखें प्रकाशित करना कलरव से जुड़ी कई छवियां, जब हम कंपोज़ स्क्रीन पर दिखाई नहीं दे रहे थे, तब भी हम इसे उपयोगकर्ता के सामने स्पष्ट करना चाहते थे।

डिज़ाइन सॉल्यूशन: एनिमेशन का उपयोग ऑफ़-स्क्रीन इमेज को डिनोट करने के लिए करें

हमारे डिजाइन और एक मोबाइल स्क्रीन की बाधाओं को देखते हुए, संलग्न चित्रों के लिए ऑफ-स्क्रीन निवास करना संभव था। जबकि यह आदर्श नहीं है, यह एक आवश्यक रियायत थी जिसे कम्पोज़ स्क्रीन पर समर्थित कार्यक्षमता का घनत्व दिया गया था। ऐसे उदाहरणों के लिए जहां छवियां हैं, वास्तव में, ऑफ-स्क्रीन, हमने एक क्षैतिज 'उछाल' एनीमेशन को लागू करने का फैसला किया है जो यह संकेत देगा कि छवियों की सूची स्क्रॉल करने योग्य थी।

कार्यान्वयन विकल्प: ObjectAimimator + EasingInterpolator

एंड्रॉइड में बुनियादी एनिमेशन का समर्थन करने के लिए कई तंत्र हैं। कुछ को कोड में कॉन्फ़िगरेशन की आवश्यकता होती है, दूसरों को xml में। विकल्पों से चुनने पर, हमने पीछे की संगतता (हम 15 संस्करण sdk का समर्थन करते हैं) को प्राथमिकता देने का फैसला किया, कार्यान्वयन और विन्यास की सादगी। अंतत: हमने एक संयोजन का उपयोग करने का निर्णय लिया ऑब्जेक्शन करनेवाला तथा सहजता । इन दोनों को जावा कोड में कॉन्फ़िगर किया जा सकता है, जो अंततः अधिक डेवलपर के अनुकूल है: वाक्यविन्यास परिचित है, और एनीमेशन तर्क को कोडबेस में एक स्थान पर पूरी तरह से परिभाषित किया जा सकता है।

ObjectAnimator एंड्रॉइड फ्रेमवर्क द्वारा प्रदान किया जाने वाला एक वर्ग है जो किसी प्रॉपर्टी ऑफ़ व्यू को संशोधित करने की अनुमति देता है। क्योंकि ObjectAnimator के लिए डिफ़ॉल्ट प्रक्षेपक की गति हमारे उपयोग के मामले में स्वाभाविक नहीं लगती है, इसलिए हमने EasingInterpolator का उपयोग करने का निर्णय लिया, जो एक आसान पुस्तकालय है जो कई अलग-अलग प्रक्षेप मॉडल प्रदान करता है।

बाउंस एनिमेशन कोड

private void doBounceAnimation(View targetView) { ObjectAnimator animator = ObjectAnimator.ofFloat(targetView, 'translationX', 0, 25, 0); animator.setInterpolator(new EasingInterpolator(Ease.ELASTIC_IN_OUT)); animator.setStartDelay(500); animator.setDuration(1500); animator.start(); }

सौभाग्य से, इस व्यवहार को संभालने के लिए कोड बहुत संक्षिप्त है। पंक्ति 1 में, हम निर्दिष्ट कर रहे हैं कि हम targetView को कैसे एनिमेट करना चाहते हैं। इस मामले में, हम targetView की 'ट्रांसलेशनएक्स' संपत्ति को संशोधित करना चाहते हैं, जो लेआउट के बाद दृश्य की एक्स-स्थिति है। हम प्रारंभिक स्थिति से 0dp की ऑफ़सेट से 25dp की ऑफ़सेट से दाईं ओर चेतन करना चाहते हैं और अंततः 0dp की मूल ऑफ़सेट पर वापस आ जाते हैं।

पंक्ति 2 में, हम उस प्रकार के प्रक्षेप को निर्दिष्ट कर रहे हैं जो हम चाहेंगे। हमने विभिन्न प्रक्षेप मॉडल के साथ खेला, लेकिन अंततः Ease.ELASTIC_IN_OUT ने हमारे उपयोग के मामले के लिए सबसे अच्छा देखा।

Android में प्रॉपर्टी एनीमेशन का समर्थन करने के बारे में अधिक जानकारी के लिए, देखें संपत्ति एनीमेशन डेवलपर डॉक्टर ।

लड़ाई में एनीमेशन

मोबाइल कंपोज़ अनुभव के बारे में हम अपने अपडेट के बारे में बहुत खुश हैं। आगे बढ़ते हुए, हम उत्तरदायी दृश्य इंटरफेस के साथ अपने मोबाइल अनुभव को समृद्ध करने की योजना जारी रखते हैं। हमारे साथ इस तरह के सामान पर काम करने के इच्छुक हैं? आइए हमारे साथ कार्य करें हमारे Android मोबाइल टीम पर!

अपने दोस्तों के साथ साझा करें: