Android में सूची दृश्य आइटम एनिमेटेड

शुभ दिन, हरजेटी।

आज मैं आपके साथ Android में ListView आइटम्स को एनिमेट करने के रहस्यों को साझा करना चाहता हूं।

आमतौर पर, एक ListView बनाते समय, हम एक उपयुक्त एडेप्टर का उपयोग करते हैं जो बेस एडेप्टर वर्ग से विरासत में मिला है। मैं यहां विवरण में नहीं जाऊंगा; आप यहां सूची आइटम के निर्माण के बारे में पढ़ सकते हैं।

आज हम सूची आइटम को "अचानक" नहीं, बल्कि स्क्रीन पर उनकी उपस्थिति को खूबसूरती से चेतन करेंगे।

सबसे पहले, एक नया एंड्रॉइड एप्लिकेशन प्रोजेक्ट बनाएं, मैंने इसे "एनिमेटेडडेटिस्ट व्यूप्लांट" कहा है। एक परियोजना बनाते समय, मैं अभी तक एक डिफ़ॉल्ट गतिविधि नहीं बनाता हूं, हम इसे बाद में जोड़ देंगे।
अगला कदम सहायक पुस्तकालय का उपयोग करना है, जिसे हम कमांड का उपयोग करके ListViewAnimations प्रोजेक्ट को स्थानीय कंप्यूटर पर क्लोन करके GitHub से डाउनलोड करेंगे।
git clone github.com/nhaarman/ListViewAnimations.git git clone github.com/nhaarman/ListViewAnimations.git या डाउनलोड और ग्रहण कार्यक्षेत्र में संग्रह को अनपैक करके। क्लोनिंग के बाद, आपको अपने विकास के वातावरण में LiastViewAnimations प्रोजेक्ट लाइब्रेरी को आयात करने की आवश्यकता है। ग्रहण में, यह मेनू के माध्यम से किया जाता है -> आयात -> कार्यस्थल में मौजूदा एंड्रॉइड कोड और नए अनपैक किए गए प्रोजेक्ट के lib सबफ़ोल्डर के लिए पथ निर्दिष्ट करें।

अब हमें ListViewAnimations को उस लाइब्रेरी के रूप में निर्दिष्ट करने की आवश्यकता है, जिस पर हमारी परियोजना "AnimatedListViewSample" निर्भर करती है। ऐसा करने के लिए, हमारी परियोजना के गुणों को खोलें, बाईं ओर सूची में "एंड्रॉइड" आइटम का चयन करें, दाएं पैनल को "लाइब्रेरी" अनुभाग तक स्क्रॉल करें। Add पर क्लिक करके, सूची में से AnimatedListViewLibrary पुस्तकालय का चयन करें।


इसलिए, हमारी परियोजना गतिविधि बनाने के लिए तैयार है।

सबसे पहले, एक सरल गतिविधि बनाएं जो लिस्ट व्यूएक्टिविटी विरासत में मिली।
ऐसा करने का सबसे आसान तरीका ग्रहण में ऑब्जेक्ट ऑब्जेक्ट विज़ार्ड बनाएं: फ़ाइल -> नया -> अन्य ...
ऑब्जेक्ट की सूची से "एंड्रॉइड ऑब्जेक्ट" चुनें, फिर रिक्त गतिविधि का चयन करें।
लॉन्चर गतिविधि चेकबॉक्स का चयन करना न भूलें, ताकि विज़ार्ड प्रकट में बनाई गई गतिविधि को पंजीकृत कर ले, अन्यथा आपको इसे मैन्युअल रूप से पंजीकृत करना होगा। नतीजतन, हमारे पास एक एक्टिविटी मेन क्लास और एक एक्सएमएल फाइल होगी जिसमें यूजर इंटरफेस एलिमेंट्स (सामान्य लेआउट में) एक्टिविटी_मैन.एक्सएमएल की लोकेशन का विवरण होगा।

 package com.example.animatedlistviewsample; import android.os.Bundle; import android.app.Activity; import android.view.Menu; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } } 

लेआउट से बहुत अधिक निकालें, एक रिक्त स्क्रीन रहनी चाहिए। संपादन के बाद, आपका activity_main.xml इस तरह दिखना चाहिए:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > </RelativeLayout> 

अब हमें अपनी गतिविधि के आधार वर्ग को ListActivity के साथ बदलने और डेटा के साथ हमारे ListView को पॉप्युलेट करने की आवश्यकता है।
आइए, मानक लेआउट का उपयोग करके केवल एक TextView तत्व से मिलकर एक साधारण एडेप्टर बनाएं:

 private class MyBaseAdapter extends BaseAdapter { @Override public int getCount() { return 100; } @Override public String getItem(int position) { return String.format(" : %d", position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { if(convertView == null) { convertView = LayoutInflater.from(getBaseContext()).inflate(android.R.layout.list_content, parent, false); } ((TextView)convertView.findViewById(android.R.id.text1)).setText(getItem(position)); return convertView; } } 

मैंने एडाप्टर कोड को मेनऐक्टिविटी क्लास के ठीक अंदर रखा।

यह हमारे एडाप्टर के एक उदाहरण का उपयोग करने के लिए हमारे ListView को बताने के लिए बना हुआ है।

एक पंक्ति जोड़ें:

getListView().setAdapter(new MyBaseAdapter()); ऑन-प्रिट विधि को सुपरचाइप ऑनक्रिट विधि को कॉल करने के तुरंत बाद।

MainActivity.java कोड अब इस तरह दिखता है:

 package com.example.animatedlistviewsample; import android.os.Bundle; import android.app.Activity; import android.app.ListActivity; import android.view.LayoutInflater; import android.view.Menu; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.TextView; public class MainActivity extends ListActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); getListView().setAdapter(new MyBaseAdapter()); } private class MyBaseAdapter extends BaseAdapter { @Override public int getCount() { return 100; } @Override public String getItem(int position) { return String.format(" : %d", position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { if(convertView == null) { convertView = LayoutInflater.from(getBaseContext()).inflate(android.R.layout.simple_list_item_1, parent, false); } ((TextView)convertView.findViewById(android.R.id.text1)).setText(getItem(position)); return convertView; } } } 

आप हमारा एप्लिकेशन चला सकते हैं। शुरू करने से पहले, सुनिश्चित करें कि AndroidManifest में आवश्यक विशेषताओं के साथ हमारी गतिविधि है:

 <activity android:name="com.example.animatedlistviewsample.MainActivity" android:label="@string/title_activity_main" > <intent-filter> <category android:name="android.intent.category.LAUNCHER"/> <action android:name="android.intent.action.MAIN"/> </intent-filter> </activity> 

डिवाइस पर शुरू करने के बाद, आपको इस तरह एक नियमित सूची मिलेगी:


यह हमारे लिस्ट व्यू को इस तरह से फिर से तैयार करने के लिए काफी हद तक शेष है, जैसे कि सूची की वस्तुओं की उपस्थिति को चेतन करना। ListViewAnimations लाइब्रेरी के शस्त्रागार में निम्नलिखित एडेप्टर हैं:
- SwingBottomInAnimationAdapter.java
- SwingLeftInAnimationAdapter.java
- SwingRightInAnimationAdapter.java
- AlphaInAnimationAdapter.java

मुझे तब पसंद आया जब सूची आइटम नीचे दिखाई देते हैं और अपनी स्थिति तक बढ़ जाते हैं।
मैं एनीमेशन का उपयोग करने के लिए onCreate विधि को फिर से करूँगा। ऐसा करने के लिए, मुझे SwingBottomInAnimationAdapter वर्ग का एक उदाहरण बनाने और इसे मेरी सूची दृश्य के लिए एक एडाप्टर के रूप में निर्दिष्ट करने की आवश्यकता है।

 protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); SwingBottomInAnimationAdapter swingBottomInAdapter = new SwingBottomInAnimationAdapter(new MyBaseAdapter()); swingBottomInAdapter.setAbsListView(getListView()); getListView().setAdapter(swingBottomInAdapter); } 

swingBottomInAdapter.setAbsListView(getListView()); ठीक से काम करने के लिए SwingBottomInAnimationAdapter के लिए बिल्कुल आवश्यक है।

अपना कोड संशोधित करें और डिवाइस पर या एमुलेटर में प्रोजेक्ट को चलाएं। क्या यह सुंदर है?

आप यहां एक संग्रह के रूप में या एक संग्रह के रूप में परियोजना को डाउनलोड कर सकते हैं।