स्क्रीन स्लाइडिंग ViewPager का उपयोग करना

प्रविष्टि

स्क्रीन की क्षैतिज स्क्रॉलिंग एक सुविधाजनक और फैशनेबल चीज़ है। इस विषय के लिए समर्पित हैबे पर पहले से ही एक विषय था। हालाँकि, ViewFlipper का उपयोग आपको आसानी से स्नैप प्रभाव को प्राप्त करने की अनुमति नहीं देता है जब स्क्रीन आपकी उंगली से चलती है। आपको स्क्रीन को एक दिशा या किसी अन्य में स्वचालित रूप से समायोजित करने के लिए भी एक तंत्र की आवश्यकता होती है। मुझे एक उदाहरण नहीं मिला जहां यह अच्छी तरह से समझाया जाएगा और लागू किया जाएगा। टिप्पणियों में, उन्होंने सुझाव दिया कि Google कोड के स्रोतों को देखें जहां इसे लागू किया गया था। हालांकि, रेडीमेड समाधान का उपयोग करना अधिक सुविधाजनक होगा। एंड्रॉइड सपोर्ट पैकेज में ऐसा मैकेनिज्म लागू किया गया है। आप इस लाइब्रेरी का उपयोग Android 1.6 और बाद के संस्करणों के लिए कर सकते हैं। विशेष रूप से, हमें ViewPager और PagerAdapter वर्गों की आवश्यकता है।

प्रीसेट

लाइब्रेरी को प्रोजेक्ट से जोड़ने के लिए, निम्न चरणों का पालन करें।
हम उस निर्देशिका में जाते हैं जहां एंड्रॉइड एसडीके स्थापित है, एसडीके प्रबंधक लॉन्च करें, और स्थापना के लिए उपलब्ध घटकों की सूची में, एंड्रॉइड सपोर्ट पैकेज का चयन करें। इसे स्थापित करें। आप सभी को निम्नलिखित निर्देशिका में होना चाहिए: <निर्देशिका sdk> / अतिरिक्त / Android / समर्थन / के साथ। V4 फ़ोल्डर में एक .jar फ़ाइल होगी, जिसे आपको प्रोजेक्ट से कनेक्ट करना होगा। यदि आप ग्रहण में काम करते हैं, तो पैकेज एक्सप्लोरर में, प्रोजेक्ट पर राइट-क्लिक करें, बिल्ड पाथ चुनें -> बाहरी अभिलेख जोड़ें। दिखाई देने वाले संवाद में, डाउनलोड की गई .jar फ़ाइल पर जाएं, इसे चुनें और ठीक पर क्लिक करें। सब कुछ, पुस्तकालय परियोजना से जुड़ा है और उपयोग के लिए तैयार है।
यदि आप एसडीके प्रबंधक के पुराने संस्करण का उपयोग कर रहे हैं, तो मैं ध्यान देना चाहूंगा कि समस्याएं उत्पन्न हो सकती हैं। मेरा निर्दिष्ट समर्थन पैकेज उपलब्ध डाउनलोड की सूची में दिखाई नहीं दिया। एसडीके को अपडेट करने के बाद, समस्या का समाधान किया गया।

डिज़ाइन

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

public class SamplePagerAdapter extends PagerAdapter{ List<View> pages = null; public SamplePagerAdapter(List<View> pages){ this.pages = pages; } @Override public Object instantiateItem(View collection, int position){ View v = pages.get(position); ((ViewPager) collection).addView(v, 0); return v; } @Override public void destroyItem(View collection, int position, Object view){ ((ViewPager) collection).removeView((View) view); } @Override public int getCount(){ return pages.size(); } @Override public boolean isViewFromObject(View view, Object object){ return view.equals(object); } @Override public void finishUpdate(View arg0){ } @Override public void restoreState(Parcelable arg0, ClassLoader arg1){ } @Override public Parcelable saveState(){ return null; } @Override public void startUpdate(View arg0){ } } 

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

Page.xml मार्कअप फ़ाइल बनाएं और उसमें स्क्रीन की सामग्री का वर्णन निम्नानुसार करें:

 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="10dip" android:background="#ddd"> <TextView android:id="@+id/text_view" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_centerInParent="true" android:gravity="center" android:background="#888" android:textColor="#fff" android:textSize="30dip"/> </RelativeLayout> 

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

गतिविधि कोड:

 public class ViewPagerSampleActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); LayoutInflater inflater = LayoutInflater.from(this); List<View> pages = new ArrayList<View>(); View page = inflater.inflate(R.layout.page, null); TextView textView = (TextView) page.findViewById(R.id.text_view); textView.setText(" 1"); pages.add(page); page = inflater.inflate(R.layout.page, null); textView = (TextView) page.findViewById(R.id.text_view); textView.setText(" 2"); pages.add(page); page = inflater.inflate(R.layout.page, null); textView = (TextView) page.findViewById(R.id.text_view); textView.setText(" 3"); pages.add(page); SamplePagerAdapter pagerAdapter = new SamplePagerAdapter(pages); ViewPager viewPager = new ViewPager(this); viewPager.setAdapter(pagerAdapter); viewPager.setCurrentItem(1); setContentView(viewPager); } } 

जैसा कि आप कोड से देख सकते हैं, हमने तीन स्क्रीन बनाए। उनमें से प्रत्येक के लिए हमने संकेत दिया कि उसके पास किस तरह का खाता है। ViewPager के लिए एडेप्टर स्थापित करने के बाद, हम संकेत देते हैं कि इंडेक्स 1 वाली स्क्रीन अब प्रदर्शित की जाएगी, अर्थात जो "पेज 2" ​​कहता है।
स्क्रीन स्क्रॉल करते समय एप्लिकेशन का स्क्रीनशॉट:

निष्कर्ष

जैसा कि आप उदाहरण से देख सकते हैं, ViewPager और PagerAdapter का उपयोग करना काफी आसान है। जब आप स्क्रीन को स्लाइड करते हैं, तो छवि उंगली की स्थिति में तड़क जाती है। दोनों ओर काम करने के लिए स्वचालित डिबगिंग। बच्चों पर क्लिक करना (विभिन्न बटन, सूची आइटम, यदि कोई हो) को सही तरीके से संभाला जाता है।

और अंत में, ViewPager के बारे में बात करने वाले एक लेख का लिंक।