RecyclerView در اندروید - علیرضا پیر

RecyclerView در اندروید


RecyclerView چیست؟

اگر بخواهید لیستی از آیتم‌ها که تعدادشان خیلی زیاد است و یا محتوای آنها معمولا تغییر می‌کند را در نرم‌افرتان نشان دهید، باید از RecyclerView استفاده کنید. RecyclerView، نسخه‌ی پیشرفته‌تر و منعطف‌تری از ListView محسوب می‌شود.

 

روند کاری RecyclerView

چرخه‌ی کاری Recyclerview (ساده شده) به شکل زیر می‌باشد:

 

RecyclerView-Workflow- علیرضا پیر

 

یک RecyclerView، خود را با viewهایی که یک layout manager فراهم می‌کند پُر می‌کند. این وظیفه‌ی شماست که layout manager مناسب و مد نظر خودتان را برای RecycleView فراهم کنید، برای اینکار می‌توانید از یکی از layout manager های استاندارد (مثل LinearLayoutManager یا GridLayoutManager)، یا پیاده‌سازی خودتان استفاده کنید.

LayoutManager
Layout manager نحوه‌ی نمایش آیتم‌های موجود در یک layout را مدیریت می‌کند. مثلا LinearLayoutManager آیتم ها را به شکل پشتِ سر هم (افقی یا عمودی بسته به orientation تنظیم شده) نمایش می‌دهد و یا GridLayoutManager، آیتم ها را با توجه به تعداد سطر و ستون تنظیم شده، به شکل جدولی نمایش می‌دهد (مثل گالری تصاویر در اندروید)

 

آیتم‌های موجود در لیست، توسط شیء view holder نمایش داده می‌شوند.این اشیاء نمونه‌هایی از کلاسی هستند که شما با extend کردنِ آن از RecyclerView.ViewHolder می‌سازید.

هر view holder، وظیفه‌ی نمایش یک آیتم در صفحه را بر عهده دارد. برای مثال، اگر لیست شما قرار است دسته‌بندی‌ موزیک‌ها را نمایش دهد، هر view holder می‌تواند یک آلبوم را نمایش دهد.

 

Recycleview فقط به تعداد مورد نیازی از view holder را که برای نمایش در صفحه لازم است بعلاوه‌ی چند تا به صورت یدکی تولید می‌کند. وقتی کاربر لیست را اسکرول می‌کند، RecyclerView به صورت خودکار viewهایی که از صفحه خارج شده‌اند را برداشته و با مقادیر جدید که وارد صفحه می‌شوند اصطلاحا rebindمی‌کند.

 

اشیاء view holder توسط یک آداپتور (adapter) که شما با نوشتنِ کلاسی که از RecyclerView.Adapter ارث‌بری می‌کند می‌سازید مدیریت می‌شوند. این آداپتور، در زمان نیاز، view holder را تولید می‌کند. بعلاوه این آداپتور view holder ها را به داده‌های متناظر خودشان نسبت می‌دهد (داده ها را برایشان ست می‌کند).

 

آداپتور این کار را با نسبت دادن view holder به یک مکان عددی (position) و فراخوانی تابع  onBindViewHolder()  آداپتور انجام می‌دهد. این تابع از مکان view holder برای تشخیص اینکه چه داده‌هایی باید برایش ست شود استفاده می‌کند.

 

به صورت خلاصه، جریان فعالیت RecyclerView به شکل زیر می‌باشد:

 

Android-RecyclerView-Flow- علیرضا پیر

 

RecyclerView: همه چیز را مدیریت می‌کند. اکثر بخش‌‌های آن از قبل در اندروید نوشته شده است. شما اجزا و تنظیمات مورد نیاز را برایش فراهم می‌کنید.

Adapter: بیشتر زمان شما صرف کد زدن در این کلاس می‌شود. این کلاس به دیتاسورس شما متصل می‌شود. وقتی با RecyclerView استفاده شود، ساخت و یا آپدیت آیتم‌های مجزای موجود در لیست را انجام می‌دهد.

ViewHolder: یک کلاس ساده که داده را به آیتم‌های صفحه نسبت داده و یا آن‌ها را آپدیت می‌کند. وقتی یک view باز استفاده می‌شود، داده‌های قبلی باز‌نویسی می‌شوند.

Data source: هرچیزی که دوست داشته باشید- از یک آرایه ساده گرفته تا لیست‌های بسیار پیچیده از داده‌ها. Adapter شما با آن تعامل می‌کند.

LayoutManager: مسئول قرار دادن تمامی آیتم‌ها بر روی صفحه و اطمینان از اینکه به اندازه کافی فضا به هرکدام از آیتم ها تخصیص داده شده است می‌باشد.

 

مزایای  RecyclerView:

  • تنها آیتم‌های قابل نمایش در صفحه، و چند آیتم یدکی دیگر bind می‌شوند، این یعنی علاوه بر اینکه همواره کارایی برنامه حفظ می‌شود، همواره تعدادی از آیتم ها برای نمایش آماده اند
  • آیتم هایی که قبلا اسکرول شده و از صفحه خارج شده اند، ذخیره می‌شوند تا به محض نیاز، دوباره نمایش داده شوند. از طرف دیگر اگر همینطور به اسکرول در یک جهت ادامه دهید، هولدر هایی که خیلی عقب هستند، دوباره برای نمایش آیتم های جدید مورد استفاده قرار می‌گیرند، بدون اینکه حافظه‌ی اضافی اشغال شود.
  • وقتی که آیتم‌ها تغییر کنند، می‌توان با اطلاع رسانی به adapter و فراخوانی تابع notifyItemChanged باعث شد تا کدهای داخلی آداپتور تنها آیتم‌های تحت تأثیر را آپدیت کند.

 

inflate چیست
وقتی که یک layout طراحی می‌کنید، به صورت خودکار توسط اندروید inflate می‌شود، که بدین معنی است که از آن آبجکتی در حافظه ساخته می‌شود. این implicit inflation نامیده می‌شود. برای مثال وقتی از دستور setContentView استفاده می‌کنیم.
علاوه بر این شما می‌توانید به شکل غیر ضمنی هم نماها را با کمک LayoutInflater، inflate کنید. برای اینکار باید:
1- یک نمونه از LayoutInflater بسازید.
2- فایل xmlی که میخواهید آن را inflate کنید مشخص کنید.
3- از view برگشت داده شده برای نمایش استفاده کنید.

 

اضافه کردن کتابخانه مربوط به پروژه

برای دسترسی و استفاده از RecyclerView، باید به شکل زیر V7 Support Libraries را به پروژه خود اضافه کنید:

1- فایل build.gradle را از بخش ماژولapp باز کنید

2- کتابخانه support را به بخش dependencies در این فایل اضافه کنید.

 

 

 

اضافه کردن RecyclerView به layout

حالا می‌توانید به فایل layout خود، RecyclerView را اضافه کنید. برای مثال، layout زیر از RecyclerView به عنوان تنها نمای مورد استفاده در کل layout استفاده کرده است.

وقتی که RecyclerView را به layout خود اضافه کردید، یک واسط به آن ایجاد کنید، یک layout manager را به آن نسبت دهید و یک adapter برای داده ها به آن نسبت دهید تا نمایش داده شوند:

 

 

 

افزودن یک آداپتور به شکل لیست

برای نمایش تمامی داده‌های خود به شکل لیست، باید از RecyclerView.Adapter ارث بری کنید. این شیء برای آیتم‌ها نمایش (view) تولید می‌کند، و وقتی برخی از آیتم‌های اولیه در محدوده‌ی دید نباشند، محتویات آنها را با داده‌های جدید عوض می‌کند.

کدی که در ادامه می‌آید، یک پیاده‌سازی ساده از نمایش آرایه‌ای متشکل از string که با TextView نمایش داده می‌شوند است:

 

 

 

layout manager، تابع onCreateViewHolder()  در آداپتور را فراخوانی می‌کند. این متد باید یک RecyclerView.ViewHolder  ساخته و نمایی را که برای نمایش محتویاتش مورد استفاده قرار می‌گیرد را تنظیم کند.

نوع ViewHolder باید با نوعی که در امضای کلاس Adapter تنظیم شده است، یکسان باشد. عموما، تنظیم view با inflate کردن یک فایل layout انجام می‌گیرد. به این دلیل که view holder هنوز به هیچ دیتای مشخصی نسبت داده نشده است، این تابع درواقع محتوای نما را تنظیم نمی‌کند.

سپس، layout manager،  شیء view holder را به دیتای خودش متصل می‌کند. این کار را با فراخوانی onBindViewHolder()  در adapter و ارسال مکان (position) شیء view holder در RecyclerView انجام می‌دهد.

تابع  onBindViewHolder()  نیاز دارد تا داده‌‎ی مناسب را پیدا کند و از آن برای تنظیم کردن layout مربوط به view holder استفاده کند. برای مثال، اگر RecyclerView لیستی از نام‌ها نمایش می‌دهد، این تابع ممکن است نام مناسب را در لیست پیدا کند و ویجت TextView را در view holder مقداردهی کند.

 

اگر لیست نیاز به آپدیت داشت، با فراخوانی یکی از توابع اطلاع رسانی (notification) بر روی شیء RecyclerView.Adapter؛ مثل notifyItemChanged()  ، شیء layout manager هرکدام از نماهای تحت تأثیر را آپدیت می‌کند.

 

منابع:

Kotlin & RecyclerView for High Performance Lists in Android

مستندات اندروید

StackoverFlow

 


یک دیدگاه بگذارید