Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android Lollipop
Code

Android પાર RecyclerView અને CardView થિ શરૂઆત કરવી

by
Difficulty:IntermediateLength:LongLanguages:

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 ફાઇલ:

૨. CardView તૈયાર કરવું

CardView એક ViewGroup છે. અન્ય ViewGroup ની જેમ, તેને તમારી Activity કૈ Fragment મ યેક layout XML ફાઇલ દ્રારા ઉમેરી શકય.

એક ખાલી CardView તૈયાર કરવા, તમારે layout XML મ નીચે નો કોડ ઉમેરવનૉ રહેશે:

ચાલો LinearLayout તૈયાર કરીએ અને CardView ને તેમાં મૂકીએ. CardView એક વયકરતિ હોઇ શકે જેમા નીચેનું હોય:

  • TextView વ્યક્તિ નાં નામ માટે
  • TextView વ્યક્તિ ની ઉંમર મટે
  • ImageView વ્યક્તિ નો ફોટો માટે

XML આવી કૈક દેખાશે:

જો Activity નો લેઆઉટ તરીકે આ ક્ષમલ નો ઉપયોગ કરવાનો હોય તૌ, TextView અને ImageView અંદ્રોઉદ દેવાઇ માટે આવુ દેખાશે:

A Stand-alone Card

૩. RecyclerView તૈયાર કરવું

ચરણ ૧: Layout ને Define કરવું

RecyclerView ઈં ઇંસ્ટંસ ઉપયોગ કરવો એ વધું જટિલ છે. જોકે, લેઆઉટ XML મ ળેફિંએ કરવું એક્દમ સરળ છે. નીચે મુજબ ળેફિંએ કારી શકો છો:

Activity handle ને પામવા, નીચેનો કોડ વાપરો:

RecyclerView નાઈ બદલાય. નીચેનું ઉમેરો:

ચરણ ૨: LayoutManager નો ઉપયોગ

ListView નાઈ, RecyclerView ને LayoutManager જોઈએ, એની વસ્તુઓ ને ગોઠવવા માટે. LayoutManager જે તમારુ ખુદ નું ડિફૈન કરેલું હોઇ શકે જે ક્લાસ ને એક્ષતેંડ કારી ને થાય RecyclerView.LayoutManager જોકે, મોટા ભાગે, તમે LayoutManager subclass નો ઉપયોગ કારી શકો:

  • LinearLayoutManager
  • GridLayoutManager
  • StaggeredGridLayoutManager

આ તઉતૌરયિળ મ, હુ StaggeredGridLayoutManager વપ્રિશ. આ LayoutManager સુંબકલ્સસ, ળેફૌલત રીતે, તમારો RecyclerView ListView જેવું દેખાશે.

ચરણ ૩: ડેટા ને ળેફિં કરો

ListView ની જેમ,  RecyclerView ને એડેપ્ટર જોઈએ. ળેપટર પહેલ, ચાલો ડેટા તૈયાર કરીએ. સિઁમ્પલે ક્લાસ તૈયાર કરો અને વ્યક્તિ ને દર્શાવવા અને પાછી Person ઓબ્જેકટ નું  List ઇંઇષિળઇઝ કરો:

ચરણ ૪: Adapter તૈયાર કરવું

RecyclerView તૈયાર કારી શકે એ માટે, તમારે RecyclerView.Adapter એક્ષતેંડ કરવું પાડશે. view holder આ ળેપટર ફઃઓલ્લોવઃ કરશે, જેમ RecyclerView.ViewHolder ને એક્ષતેંડ કરતું કસ્ટમ ક્લાસ બનાવો. findViewById મેઠૉડ ને કોલ ઓછું કરશે.

આ તૂટૉતિળ મ, આપને CardView કૈ જે પીસોં ને દર્શાવે છે એનાં માટે XML પહેલે થિ જ ળેફિં કારી દીધી છે. આપને લેઆઉટ ને ફ્રી ઉપયોગ કર્હુ. ViewHolder અને RecyclerView કસ્ટમ ઇટમ્સ

હોવી, RecyclerView ડિસ્પ્લે એડેપ્ટર મા હશે. List માટે નીચે નો કોડે જુઓ  Person

RecyclerView.Adapter માટે ટ્રેન અબ્સતરકત મેઠૉડ છે જેને હોવેંર્રિળે કરવી પાડશે. getItemCount મેઠૉડ થિ ચાલુ કરીએ. ડેટા નો આંકડો રીટર્ન કરશે. આપણો ડેટા List મા છે, આપને size મેઠૉડ અને List ઓબ્જેકટ કોલ કરવું પાડશે:

onCreateViewHolder મેઠૉડ ને હોવેંર્રિળે કરો. ViewHolder ને ઈંઇતિશલિઅઝ કરવું હોય તયારે આ મેઠૉડ કોલ થાય છે. RecyclerView ની લેઆઉટ દરેક વાસ્તુ સપેક્ષિફઃય કરીએ છીએ. તેને LayoutInflater ને કોનસ્તૃકતૌર કસ્ટમ ને પાસ કારી ને ViewHolder થાશે.

onBindViewHolder અને RecyclerView વળે ઓવર હૃદયે આ મેઠૉડ getView કૈ જે ListViewનાં એડેપ્ટર જેવી છે. આપના ઉદાહરણ મ, CardView ફિલ્ડ મ નામ, ઉંમર અને ફોટો ચે જે તમારે હી સેટ કરવાનાં છે

અંત મા, onAttachedToRecyclerView મેઠૉડ ને હોવેંર્રિળે કરો. પાડશે. હમણાં માટે, નીચે દર્શાવી છે એ સુપર ક્લાસ ની ઇમ્પલિમેંતશન ને ઉપયોગ કારી શકીએ.

ચરણ 5: અડપટર નો ઉપયોગ કરવો

હોવી એડેપ્ટર તૈયાર છે,  Activity મા નીચે ને કોડે ઉમેરો અને RecyclerView નાં setAdapter

ચરણ ૬: કોમ્પીલે કરો અને રન કરો

જયર્રે તમે RecyclerView ને રન કરો છેઓ, તૌ તમને નીચે જેવું પરિણામ દેખાશે

સમપં

આ તઉતૌરયિળ મ, તમે CardView અને RecyclerView વિજેત ને કાઈ રીતે વાપરવા તેં શીખ્યા છો જે એન્ડ્રોઇડ લોલીપોપ મ દાખલ કરવામાં આવ્યાં હતાં. . Material Design અપપઁસ મ તૈમ્બો કાઈ રીતે ઉપયોગ કરવો તેં પં ઉદાહરણ સહીત જોયું. નોંધ લો કૈ RecyclerView ListView નો ઉપયોગ કારી લગભગ બધુ કારી શકે છે, ListView ને હાજી પ્રાથમિકતા આપવામા આવે ચે જ્યારે ઓછી લાઇન નો કોડ હોય.

તમે Android Developers Reference નો સંદર્ભ લાઇ શકો છો, CardView અને RecyclerView વિશે વધું જાણવા.


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.