👈 🛌🏽 🚶🏻 एंड्रॉयड पर गतिविधि के बीच कस्टम संक्रमण एनिमेशन 📢 🏇🏿 📭

शुभ दोपहर इस लेख में, हम ObjectAnimator और Animatoretet का उपयोग करके Android में गतिविधि के बीच संक्रमण के कस्टम एनिमेशन बनाने की प्रक्रिया को देखेंगे। हर कोई जो रुचि रखता है - बिल्ली का स्वागत करता है।

पुनश्च: यह लेख मुख्य रूप से शुरुआती डेवलपर्स के लिए लिखा गया है।

जीथब पर उपलब्ध सभी स्रोत कोड

हम 2 प्रकार के संक्रमणकालीन एनिमेशन पर विचार करेंगे:

नए की पृष्ठभूमि के खिलाफ पुरानी गतिविधि को एनिमेट करना
पुराने की पृष्ठभूमि के खिलाफ एक नई गतिविधि का एनिमेशन

प्रदर्शन के लिए, 2 प्रकार के एनीमेशन का चयन किया गया था: एक साथ कई वस्तुओं (दरवाजे के पत्तों) का एनीमेशन और कई वस्तुओं का अनुक्रमिक एनीमेशन (कागज की एक शीट तह)

एक पुरानी गतिविधि का एनिमेशन

तो, 3 गतिविधि बनाएँ: FirstActivity, SecondActivity और ThirdActivity।

FirstActivity कोड:

first.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/click_layout" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#00ff00" > <TextView android:layout_gravity="center" android:gravity="center" android:layout_width="wrap_content" android:layout_height="fill_parent" android:textColor="#FFFFFF" android:textSize="40sp" android:text="First" /> </LinearLayout>

FirstActivity.java:

 public class FirstActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.first); LinearLayout click = (LinearLayout) findViewById(R.id.click_layout); click.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Bitmap bmp = getBitmap(); ByteArrayOutputStream stream = new ByteArrayOutputStream(); bmp.compress(Bitmap.CompressFormat.PNG, 100, stream); byte[] byteArray = stream.toByteArray(); Intent intent = new Intent(FirstActivity.this, SecondActivity.class); intent.putExtra("picture", byteArray); startActivity(intent); overridePendingTransition(0,0); } }); } private Bitmap getBitmap(){ View root = getWindow().getDecorView().findViewById(android.R.id.content); root.setDrawingCacheEnabled(true); return root.getDrawingCache(); } }

GetBitmap फ़ंक्शन वर्तमान विंडो के बिटमैप को लौटाता है। गतिविधि के मुख्य तत्व पर क्लिक करते समय, एक नया इरादा बनाएं, और अतिरिक्त के रूप में हम अपना बिटमैप सेट करते हैं, एक बाइट सरणी में परिवर्तित होता है। फिर हम सेकंडएक्टिविटी लॉन्च करते हैं।

सेकंडएक्टिविटी कोड:

second.xml:

 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/click_layout" android:background="#ff0000" > <TextView android:layout_gravity="center" android:gravity="center" android:layout_width="wrap_content" android:layout_height="fill_parent" android:textColor="#FFFFFF" android:textSize="40sp" android:text="Second" /> <LinearLayout android:orientation="horizontal" android:weightSum="100" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:layout_weight="50" android:layout_width="0dip" android:layout_height="fill_parent" android:id="@+id/left_image"/> <ImageView android:layout_weight="50" android:layout_width="0dip" android:layout_height="fill_parent" android:id="@+id/right_image"/> </LinearLayout> </FrameLayout>

हमारी गतिविधि के मुख्य तत्व के रूप में, हम फ्रेमलैटआउट सेट करते हैं, जिसमें 2 लीनियरलाईट शामिल हैं। पहले वाले में सभी आवश्यक सामग्री होती है (हमारे मामले में, यह एक टेक्स्ट व्यू है)। दूसरे में 2 इमेज व्यू हैं, जो स्क्रीन को आधे हिस्से में विभाजित करते हैं। हमें उन्हें एनीमेशन की आवश्यकता है।

एनीमेशन के लिए, हमें निम्नलिखित कदम उठाने की आवश्यकता है:

पहली गतिविधि से पारित बाइट सरणी से एक बिटमैप बनाएं
बिटमैप को 2 भागों में विभाजित करें और उन्हें संबंधित ImageView में लोड करें
AnimatorSet का उपयोग करते हुए, एक साथ दोनों ImageView के रोटेशन एनीमेशन खेलते हैं

 public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.second); Bundle extras = getIntent().getExtras(); byte[] byteArray = extras.getByteArray("picture"); Bitmap bmp = BitmapFactory.decodeByteArray(byteArray, 0, byteArray.length); left = (ImageView) findViewById(R.id.left_image); right = (ImageView) findViewById(R.id.right_image); int centerWidth = bmp.getWidth()/2; Bitmap bmpLeft,bmpRight; bmpLeft = Bitmap.createBitmap(bmp,0,0,centerWidth,bmp.getHeight()); bmpRight = Bitmap.createBitmap(bmp,centerWidth,0,bmp.getWidth() - centerWidth,bmp.getHeight()); left.setImageBitmap(bmpLeft); right.setImageBitmap(bmpRight); ViewTreeObserver observer = left.getViewTreeObserver(); observer.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { @Override public boolean onPreDraw() { left.getViewTreeObserver().removeOnPreDrawListener(this); startEnterAnimation(); return true; //To change body of implemented methods use File | Settings | File Templates. } }); }

OnCreate फ़ंक्शन में, हम एक्स्ट्रा कलाकार से बिटमैप प्राप्त करते हैं, इसे 2 बिटमैप में Bitmap.createBitmap () का उपयोग करके विभाजित करते हैं, और परिणामस्वरूप चित्र ImageView में सेट करते हैं। उसके बाद, एक ऑब्जर्वर पंजीकृत करें जो ऑनड्राव इमेज व्यू इवेंट की निगरानी करेगा और ऑब्जेक्ट के पहले रेंडरिंग से पहले केवल एक बार कहा जाता है। इसमें, हम प्रारंभिक गतिविधि का एनीमेशन शुरू करते हैं।

 private void startEnterAnimation() { left.setPivotY(left.getHeight()/2); left.setPivotX(0); right.setPivotY(left.getHeight()/2); right.setPivotX(right.getWidth()); Animator leftAnim = ObjectAnimator.ofFloat(left, "rotationY", 0, 90); Animator rightAnim = ObjectAnimator.ofFloat(right, "rotationY", 0, -90); AnimatorSet set = new AnimatorSet(); set.setDuration(500); set.playTogether(leftAnim, rightAnim); set.start(); }

एनीमेशन को ही स्टार्टएटरएनीमेशन () फ़ंक्शन में वर्णित किया गया है। SetPivotX () और setPivotY () फ़ंक्शन का उपयोग करके हम उन बिंदुओं को सेट करते हैं जिनके चारों ओर हमारी छवियां घूमेंगी। इसके बाद, हम ऑब्जेक्ट एनीमेटर ऑब्जेक्ट का उपयोग करके रोटेशन एनिमेशन को स्वयं परिभाषित करते हैं।
ObjectAnimator एंड्रॉइड 3.0 के साथ पेश किया गया एक सिस्टम घटक है। यह किसी भी वस्तु की कुछ संपत्ति को चेतन करने में मदद करता है। इस मामले में, हम बाईं वस्तु के फ्लोट प्रकार के रोटेशनएक्स गुण को चेतन करते हैं।
इसके बाद, हम एनिमेशन का सेट एनिमेटर सेट बनाते हैं, एनीमेशन की अवधि 500 एमएस निर्धारित करते हैं और उसे बताते हैं कि हम एक साथ 2 एनिमेशन खेलेंगे।
किसी गतिविधि का समापन एनीमेशन समान रूप से सेट किया गया है। इसे शुरू करने के लिए, हम एक्टिविटी ऑनबैकप्रेस्ड () फ़ंक्शन को फिर से परिभाषित करते हैं। इसमें, हम समापन एनीमेशन शुरू करते हैं, एक श्रोता को खत्म () फ़ंक्शन के साथ जोड़ना नहीं भूलते हैं।

एक नई गतिविधि का एनीमेशन

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

 <style name="Transparent"> <item name="android:windowNoTitle">true</item> <item name="android:windowIsTranslucent">true</item> <item name="android:windowBackground">@android:color/transparent</item> </style>

एनीमेशन प्रक्रिया स्वयं इस प्रकार होगी:

OnPreDrawListener पर्यवेक्षक और getBitmap फ़ंक्शन का उपयोग करके, हमें अपने लेआउट का बिटमैप प्राप्त होता है, जिसके बाद हम इसे अदृश्य बनाते हैं और उद्घाटन गतिविधि का एनीमेशन शुरू करते हैं
परिणामी बिटमैप को 4 भागों में विभाजित करें, प्रत्येक भाग को संबंधित बिटमैप पर सेट करें, और फिर प्रारंभिक एक अदृश्य को छोड़कर सभी चित्र बनाएं
प्रारंभिक एनीमेशन पिछले एक के समान होगा, सिवाय इसके कि छवि के प्रत्येक टुकड़े के एनीमेशन को समाप्त करने के बाद, हमें छवि के अगले टुकड़े को दिखाई देने की आवश्यकता है
खैर, पूरे एनीमेशन के अंत में, हम लेआउट को इस गतिविधि की सामग्री से दिखाई देते हैं, और छवियों को छिपाते हैं

सभी एनीमेशन समान एनिमेटरसेट का उपयोग करके लॉन्च किए गए हैं, केवल वे प्लेसेक्शुअलली फ़ंक्शन का उपयोग करके सेट किए गए हैं। इसका मतलब है कि सभी एनिमेशन एक के बाद एक क्रमिक रूप से चलेंगे।

किसी गतिविधि का समापन एनीमेशन उसी तरह से किया जाता है, केवल रिवर्स ऑर्डर में।

निष्कर्ष

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

यह सब, यदि आप इस लेख को पसंद करते हैं - मैं एंड्रॉइड ओएस में एनिमेशन बनाने के विषय पर प्रकाशन जारी रखूंगा।

एंड्रॉयड पर गतिविधि के बीच कस्टम संक्रमण एनिमेशन

एक पुरानी गतिविधि का एनिमेशन

एक नई गतिविधि का एनीमेशन

निष्कर्ष

More articles: