रिसाइकलर व्यू उदाहरण के लिए कार्ड व्यू में आने से पहले, हमें पता होना चाहिए कि एंड्रॉइड में रिसाइकलर व्यू क्या है। रिसाइकलर व्यू सूची दृश्य का अधिक उन्नत संस्करण है और यह व्यू होल्डर डिजाइन पैटर्न के आधार पर काम करता है। पुनर्चक्रण दृश्य का उपयोग करके हम ग्रिड और वस्तुओं की सूची दिखा सकते हैं।
कार्ड व्यू को फ्रेम लेआउट द्वारा बढ़ाया जाता है और इसका उपयोग आइटम को कार्ड तरीके से दिखाने के लिए किया जाता है। यह पूर्वनिर्धारित टैग के रूप में त्रिज्या और छाया का समर्थन करता है।
यह उदाहरण दिखाता है कि उम्र के साथ छात्र का नाम प्रदर्शित करने वाला एक सुंदर छात्र रिकॉर्ड ऐप बनाकर रीसाइक्लर व्यू को कार्ड व्यू के साथ कैसे एकीकृत किया जाए।
चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें।
चरण 2 - बिल्ड.ग्रेड खोलें और रिसाइकलर व्यू और कार्ड व्यू लाइब्रेरी निर्भरताएं जोड़ें।
<पूर्व>प्लगइन लागू करें:'com.android.application'android {compileSdkVersion 28 defaultConfig { applicationId "com.example.andy.tutorialspoint" minSdkVersion 19 targetSdkVersion 28 versionCode 1 versionName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner " } बिल्डटाइप्स {रिलीज {minifyEnabled false proguardFiles getDefaultProguardFile ('proguard-android.txt'), 'proguard-rules.pro'} }}निर्भरता {कार्यान्वयन fileTree(dir:'libs', शामिल हैं:['*.jar'] ) कार्यान्वयन 'com.android.support:appcompat-v7:28.0.0' कार्यान्वयन 'com.android.support:design:28.0.0' कार्यान्वयन 'com.android.support.constraint:constraint-layout:1.1.3' कार्यान्वयन 'com.android.support:cardview-v7:28.0.0' कार्यान्वयन 'com.android.support:recyclerview-v7:28.0.0' testImplementation 'junit:junit:4.12' androidTestImplementation 'com.android.support.test:runner :1.0.2' androidTestImplementation 'co m.android.support.test.espresso:espresso-core:3.0.2'}चरण 3 - निम्न कोड को res/layout/activity_main.xml में जोड़ें।
उपरोक्त कोड में हमने विंडो मैनेजर में रिसाइकलर व्यू को रिलेटिव पैरेंट लेआउट के रूप में जोड़ा है।
चरण 4 - निम्न कोड को src/MainActivity.java
में जोड़ें <पूर्व>पैकेज com.example.andy.tutorialspoint;import android.annotation.TargetApi;import android.os.Build;import android.os.Bundle;import android.support.annotation.RequiresApi;import android.support.v7.app .AppCompatActivity; आयात android.support.v7.widget.DividerItemDecoration; आयात android.support.v7.widget.GridLayoutManager; import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import java. util.ArrayList;import java.util.Collections;import java.util.Comparator;import java.util.List;सार्वजनिक वर्ग MainActivity AppCompatActivity को बढ़ाता है {निजी RecyclerView recyclerView; निजी छात्र अनुकूलक छात्र अनुकूलक; निजी सूचीउपरोक्त कोड में हमने रिसाइकलर व्यू और स्टूडेंट एडॉप्टर को जोड़ा है। उस छात्र एडाप्टर में हमने छात्रडेटालिस्ट को सरणी सूची के रूप में पास कर दिया है। छात्र डेटा सूची में छात्र और उम्र का नाम होता है।
ग्रिड प्राप्त करने के लिए, हमें ग्रिड लेआउट प्रबंधक का उपयोग करना होगा जैसा कि नीचे दिखाया गया है -
RecyclerView.LayoutManager Manager =new GridLayoutManager(this, 2);
उपरोक्त कोड में हमने लेआउट मैनेजर को ग्रिडलेआउट मैनेजर के रूप में इस्तेमाल किया है और कोशिकाओं को 2 के रूप में जोड़ा है। इसलिए यह प्रत्येक पंक्ति में दो ग्रिड के साथ परिणाम दिखाएगा।
रिसाइकलर व्यू आइटम्स की तुलना करने के लिए हमने नीचे दिखाए गए अनुसार कलेक्शन फ्रेमवर्क और सॉर्ट मेथड का इस्तेमाल किया है -
Collections.sort(studentDataList, new Comparator() {@Override public int तुलना (studentData o1, studentData o2) {वापसी o1.name.compareTo(o2.name); }}); उपरोक्त कोड में हम नाम का उपयोग करके तत्वों की तुलना कर रहे हैं।
चरण 5 - संशोधित फ़ाइल src/StudentAdapter.java की सामग्री निम्नलिखित है। पैकेज com.example.andy.tutorialspoint;
import android.graphics.Color;import android.support.annotation.NonNull;import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;आयात android.widget.LinearLayout;import android.widget.TextView;import java.util.List;import java.util.Random;class StudentAdapter RecyclerView.Adapter का विस्तार करता है { List StudentDataList; सार्वजनिक छात्र एडाप्टर (छात्रडेटा सूची सूचीबद्ध करें) {this.studentDataList=studentDataList; } @NonNull @Override public MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) { देखें itemView =LayoutInflater.from(viewGroup.getContext()) .inflate(R.layout.student_list_row, viewGroup, false); नया MyViewHolder (आइटम व्यू) लौटाएं; } @Override सार्वजनिक शून्य onBindViewHolder(MyViewHolder viewHolder, int i) { studentData data=studentDataList.get(i); रैंडम रैंड =नया रैंडम (); int currentColor =Color.argb(255, rnd.nextInt(256), rnd.nextInt(256), rnd.nextInt(256)); viewHolder.parent.setBackgroundColor (currentColor); viewHolder.name.setText (data.name); viewHolder.age.setText(String.valueOf(data.age)); } @Override सार्वजनिक int getItemCount () {वापसी studentDataList.size (); } वर्ग MyViewHolder RecyclerView.ViewHolder को बढ़ाता है { TextView नाम, आयु; रैखिक लेआउट माता-पिता; सार्वजनिक MyViewHolder (आइटम व्यू देखें) {सुपर (आइटम व्यू); पैरेंट =itemView.findViewById (R.id.parent); नाम =itemView.findViewById (R.id.name); आयु =itemView.findViewById (R.id.age); } }} एडॉप्टर क्लास में हमारे पास नीचे दिखाए गए चार तरीके हैं -
ऑनक्रिएट व्यूहोल्डर () :- इसका उपयोग व्यू होल्डर बनाने के लिए किया जाता है और यह एक व्यू देता है।
onBindViewHolder() - यह बनाए गए व्यू होल्डर के साथ जुड़ने वाला है।
getItemCount () - इसमें सूची का आकार होता है।
MyViewHolder वर्ग - यह व्यू होल्डर इनर क्लास है जिसे RecyclerView.ViewHolder
. द्वारा बढ़ाया गया हैरिसाइकलर व्यू आइटम के लिए रैंडम बैकग्राउंड सेट करने के लिए, हमने रैंडम क्लास (जो कि एंड्रॉइड में पूर्वनिर्धारित क्लास है) का उपयोग करके रैंडम कलर जेनरेट किया है और नीचे दिखाए गए अनुसार पेरेंट ऑफ व्यू आइटम में रंग जोड़ा है -
रैंडम rnd =नया रैंडम (); int currentColor =Color.argb(255, rnd.nextInt(256), rnd.nextInt(256), rnd.nextInt(256));viewHolder.parent.setBackgroundColor(currentColor);
चरण 6 - xml res/layout/student_list_row.xml की संशोधित सामग्री निम्नलिखित है।
उपरोक्त सूची आइटम दृश्य में हमने कार्डव्यू के अंदर नाम और उम्र के लिए दो टेक्स्ट व्यू बनाए हैं। कार्ड दृश्य में पूर्व परिभाषित कोने की त्रिज्या और छाया गुण होते हैं। इसलिए हमने कार्ड व्यू के साथ कॉर्नर रेडियस का इस्तेमाल किया है।
चरण 7 - संशोधित फ़ाइल src/studentData.java की सामग्री निम्नलिखित है। पैकेज com.example.andy.tutorialspoint;
कक्षा छात्रडेटा {स्ट्रिंग नाम; पूर्ण आयु; सार्वजनिक छात्रडेटा (स्ट्रिंग नाम, अंतर आयु) { यह नाम =नाम; यह उम्र =उम्र; }}
उपरोक्त कोड में छात्र डेटा ऑब्जेक्ट के बारे में सूचित करता है। आइए अपना एप्लिकेशन चलाने का प्रयास करें। मुझे लगता है कि आपने अपने वास्तविक Android मोबाइल डिवाइस को अपने कंप्यूटर से कनेक्ट कर लिया है। एंड्रॉइड स्टूडियो से ऐप चलाने के लिए, अपने प्रोजेक्ट की गतिविधि फ़ाइल में से एक खोलें और टूलबार से रन आइकन पर क्लिक करें। एक विकल्प के रूप में अपने मोबाइल डिवाइस का चयन करें और फिर अपने मोबाइल डिवाइस की जांच करें जो आपकी डिफ़ॉल्ट स्क्रीन प्रदर्शित करेगा -
अब नीचे स्क्रॉल करके रीसाइक्लरव्यू पर जाएं, यह नीचे दिखाए अनुसार परिणाम दिखाएगा -
