gu en it en en en en en en en en en en en en en en en en en en en en en en en en en en en en fr en en en fr en en en en en en en en en en en it en en en en en en en en en en en de en en en en en en en en it it en en en en en en en de en en en en en en en en en en en ja en en en en en en en en en en en en en en en en en en en en en en en zh en en en en en en en en en nb en en en en en en en en en en en en en en en en pt en en en bn en en en en en en en en en en en en en en en en en en en en en en en en en en en gu en en vi en en gu gu gu gu gu en gu gu gu en gu gu gu gu gu en gu gu gu gu en gu en gu ja gu gu en en en gu en gu gu en gu gu gu en gu en gu en gu en gu en gu en gu gu en gu gu gu gu gu en en en de en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en ml en kn en en en en en en en en en en en en en en en en en en en ml en en en en en en fr en en en en en en en en en en en en en en en en en en en en en en en fr ru en en en en en it en en en en en en en en fi en en es en en en en es en en ar en en
Android પાર RecyclerView અને CardView થિ શરૂઆત કરવી
by Ashraff Hathibelagal23 Mar 2015
Difficulty:IntermediateLength:LongLanguages:EnglishবাংলাČeštinaDeutscheλλnvιkάEspañolગુજરાતીहिंदीHrvatskiBahasa IndonesiaItalianoPortuguêsPycckийWikang TagalogTürkçeykpaïHcbka MoBaTiếng Việt中文(简体)中文(繁體)
Android LollipopAndroid SDKMobile DevelopmentAndroid StudioIDEsJavaApp DevelopmentMobile App
Gujarati (ગુજરાતી) translation by Dee.P.Tree (you can also view the original English article)
જો તમે Android-એન્ડ્રોઇડ એપ તૈયાર કરવા માંગતા હોવ જે મહૈતિ ને દરશારવતિ હોય તૌ, Android Lollipop બે વિજેત ધરાવે છે જે તમારુ કામ આસાન કારી ડે છે, RecyclerView અને CardView આ વિજેત નો ઉપયોગ કરીને, google ની મટેરીઅલ દેસાઈ સ્પે ઇફીઃકેશાં મ બતાવ્યું છે એને અનુરૂપ બનાવે છે એ પં આસાન થિ.
નવીનતમ Android Studio નું સંસ્કરણ હોવું જોઈએ તમારી પાસે, સાથે સાથે આગળ વધવા. Android Developer website થિ તમે તેને મેળવી શકો છો.
૧. જુના વરસન ને સપોર્ટ
આ લખતી વખતે, 2% થિ પં ઓછાં એન્ડ્રોઇડ ઉપકરણો એન્ડ્રોઇડ લોલીપોપ વાપરે છે. જોકે, v7 Support Library ને લીધે, તમે RecyclerView અને CardView વિજેત ને જુના ઉપકરણો મ આ લાઇન જોડી ને વાપરી શકો છો, તમારા પ્રોજેકત ની dependencies વિભાગ મની build. grade ફાઇલ:
compile 'com.android.support:cardview-v7:21.0.+' compile 'com.android.support:recyclerview-v7:21.0.+'
૨. CardView તૈયાર કરવું
CardView એક ViewGroup છે. અન્ય ViewGroup ની જેમ, તેને તમારી Activity કૈ Fragment મ યેક layout XML ફાઇલ દ્રારા ઉમેરી શકય.
એક ખાલી CardView તૈયાર કરવા, તમારે layout XML મ નીચે નો કોડ ઉમેરવનૉ રહેશે:
ચાલો LinearLayout તૈયાર કરીએ અને CardView ને તેમાં મૂકીએ. CardView એક વયકરતિ હોઇ શકે જેમા નીચેનું હોય:
TextView વ્યક્તિ નાં નામ માટે
TextView વ્યક્તિ ની ઉંમર મટે
ImageView વ્યક્તિ નો ફોટો માટે
XML આવી કૈક દેખાશે:
જો Activity નો લેઆઉટ તરીકે આ ક્ષમલ નો ઉપયોગ કરવાનો હોય તૌ, TextView અને ImageView અંદ્રોઉદ દેવાઇ માટે આવુ દેખાશે:
૩. RecyclerView તૈયાર કરવું
ચરણ ૧: Layout ને Define કરવું
RecyclerView ઈં ઇંસ્ટંસ ઉપયોગ કરવો એ વધું જટિલ છે. જોકે, લેઆઉટ XML મ ળેફિંએ કરવું એક્દમ સરળ છે. નીચે મુજબ ળેફિંએ કારી શકો છો:
Activity handle ને પામવા, નીચેનો કોડ વાપરો:
RecyclerView rv = (RecyclerView)findViewById(R.id.rv);
RecyclerView નાઈ બદલાય. નીચેનું ઉમેરો:
ચરણ ૨: LayoutManager નો ઉપયોગ
ListView નાઈ, RecyclerView ને LayoutManager જોઈએ, એની વસ્તુઓ ને ગોઠવવા માટે. LayoutManager જે તમારુ ખુદ નું ડિફૈન કરેલું હોઇ શકે જે ક્લાસ ને એક્ષતેંડ કારી ને થાય RecyclerView.LayoutManager જોકે, મોટા ભાગે, તમે LayoutManager subclass નો ઉપયોગ કારી શકો:
આ તઉતૌરયિળ મ, હુ StaggeredGridLayoutManager વપ્રિશ. આ LayoutManager સુંબકલ્સસ, ળેફૌલત રીતે, તમારો RecyclerView ListView જેવું દેખાશે.
LinearLayoutManager llm = new LinearLayoutManager(context); rv.setLayoutManager(llm);
ચરણ ૩: ડેટા ને ળેફિં કરો
ListView ની જેમ,  RecyclerView ને એડેપ્ટર જોઈએ. ળેપટર પહેલ, ચાલો ડેટા તૈયાર કરીએ. સિઁમ્પલે ક્લાસ તૈયાર કરો અને વ્યક્તિ ને દર્શાવવા અને પાછી Person ઓબ્જેકટ નું  List ઇંઇષિળઇઝ કરો:
class Person { String name; String age; int photoId; Person(String name, String age, int photoId) { this.name = name; this.age = age; this.photoId = photoId; } } private List  persons; // This method creates an ArrayList that has three Person objects // Checkout the project associated with this tutorial on Github if // you want to use the same images. private void initializeData(){ persons = new ArrayList (); persons.add(new Person("Emma Wilson", "23 years old", R.drawable.emma)); persons.add(new Person("Lavery Maiss", "25 years old", R.drawable.lavery)); persons.add(new Person("Lillie Watts", "35 years old", R.drawable.lillie)); }
ચરણ ૪: Adapter તૈયાર કરવું
RecyclerView તૈયાર કારી શકે એ માટે, તમારે RecyclerView.Adapter એક્ષતેંડ કરવું પાડશે. view holder આ ળેપટર ફઃઓલ્લોવઃ કરશે, જેમ RecyclerView.ViewHolder ને એક્ષતેંડ કરતું કસ્ટમ ક્લાસ બનાવો. findViewById મેઠૉડ ને કોલ ઓછું કરશે.
આ તૂટૉતિળ મ, આપને CardView કૈ જે પીસોં ને દર્શાવે છે એનાં માટે XML પહેલે થિ જ ળેફિં કારી દીધી છે. આપને લેઆઉટ ને ફ્રી ઉપયોગ કર્હુ. ViewHolder અને RecyclerView કસ્ટમ ઇટમ્સ
public class RVAdapter extends RecyclerView.Adapter { public static class PersonViewHolder extends RecyclerView.ViewHolder { CardView cv; TextView personName; TextView personAge; ImageView personPhoto; PersonViewHolder(View itemView) { super(itemView); cv = (CardView)itemView.findViewById(R.id.cv); personName = (TextView)itemView.findViewById(R.id.person_name); personAge = (TextView)itemView.findViewById(R.id.person_age); personPhoto = (ImageView)itemView.findViewById(R.id.person_photo); } } }
હોવી, RecyclerView ડિસ્પ્લે એડેપ્ટર મા હશે. List માટે નીચે નો કોડે જુઓ  Person
List  persons; RVAdapter(List  persons){ this.persons = persons; }
RecyclerView.Adapter માટે ટ્રેન અબ્સતરકત મેઠૉડ છે જેને હોવેંર્રિળે કરવી પાડશે. getItemCount મેઠૉડ થિ ચાલુ કરીએ. ડેટા નો આંકડો રીટર્ન કરશે. આપણો ડેટા List મા છે, આપને size મેઠૉડ અને List ઓબ્જેકટ કોલ કરવું પાડશે:
@Override public int getItemCount() { return persons.size(); }
onCreateViewHolder મેઠૉડ ને હોવેંર્રિળે કરો. ViewHolder ને ઈંઇતિશલિઅઝ કરવું હોય તયારે આ મેઠૉડ કોલ થાય છે. RecyclerView ની લેઆઉટ દરેક વાસ્તુ સપેક્ષિફઃય કરીએ છીએ. તેને LayoutInflater ને કોનસ્તૃકતૌર કસ્ટમ ને પાસ કારી ને ViewHolder થાશે.
@Override public PersonViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) { View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false); PersonViewHolder pvh = new PersonViewHolder(v); return pvh; }
onBindViewHolder અને RecyclerView વળે ઓવર હૃદયે આ મેઠૉડ getView કૈ જે ListViewનાં એડેપ્ટર જેવી છે. આપના ઉદાહરણ મ, CardView ફિલ્ડ મ નામ, ઉંમર અને ફોટો ચે જે તમારે હી સેટ કરવાનાં છે
@Override public void onBindViewHolder(PersonViewHolder personViewHolder, int i) { personViewHolder.personName.setText(persons.get(i).name); personViewHolder.personAge.setText(persons.get(i).age); personViewHolder.personPhoto.setImageResource(persons.get(i).photoId); }
અંત મા, onAttachedToRecyclerView મેઠૉડ ને હોવેંર્રિળે કરો. પાડશે. હમણાં માટે, નીચે દર્શાવી છે એ સુપર ક્લાસ ની ઇમ્પલિમેંતશન ને ઉપયોગ કારી શકીએ.
@Override public void onAttachedToRecyclerView(RecyclerView recyclerView) { super.onAttachedToRecyclerView(recyclerView); }
ચરણ 5: અડપટર નો ઉપયોગ કરવો
હોવી એડેપ્ટર તૈયાર છે,  Activity મા નીચે ને કોડે ઉમેરો અને RecyclerView નાં setAdapter
RVAdapter adapter = new RVAdapter(persons); rv.setAdapter(adapter);
ચરણ ૬: કોમ્પીલે કરો અને રન કરો
જયર્રે તમે RecyclerView ને રન કરો છેઓ, તૌ તમને નીચે જેવું પરિણામ દેખાશે
આ તઉતૌરયિળ મ, તમે CardView અને RecyclerView વિજેત ને કાઈ રીતે વાપરવા તેં શીખ્યા છો જે એન્ડ્રોઇડ લોલીપોપ મ દાખલ કરવામાં આવ્યાં હતાં. . Material Design અપપઁસ મ તૈમ્બો કાઈ રીતે ઉપયોગ કરવો તેં પં ઉદાહરણ સહીત જોયું. નોંધ લો કૈ RecyclerView ListView નો ઉપયોગ કારી લગભગ બધુ કારી શકે છે, ListView ને હાજી પ્રાથમિકતા આપવામા આવે ચે જ્યારે ઓછી લાઇન નો કોડ હોય.
તમે Android Developers Reference નો સંદર્ભ લાઇ શકો છો, CardView અને RecyclerView વિશે વધું જાણવા.
Hathibelagal is an independent Android app developer and blogger who loves tinkering with new frameworks, SDKs, and devices.
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.
Get access to over 400,000 creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories
Web Themes & Templates
Best Selling Royalty Free Music
Instagram Story Video Maker
CryptoCurrency Tutorials & Ebooks
Teach at Envato Tuts+
Translate for Envato Tuts+
© 2019 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.