آموزش متریال دیزان tab Navigation در برنامه نویسی اندروید

سلام دوستان در این  سری از آموزش های برنامه نویسی اندروید به آموزش متریال دیزان tab Navigation در برنامه نویسی اندروید می پردازیم قبلتر این آموزش tab را در سایت قرار داده بودیم و آن آموزش هم از این آموزش دست کمی ندارد اما در این بار ما از یک کتاب خانه استفاده می کنیم تا دیگر زیاد با بخش کد نویسی کاری نداشته باشیم و فقط به شکل و ظاهر tab ها برسیم در ادامه با ما همراه باشید.
باید ابتدا امر وارد فایل Build.gradle بخش moudle شود و کتاب خانه زیر را اضافه کنید.

سپس sync رو بزنید تا پروژه sync شود علت sync نشدن پروژه را ما در سایت قرار دادیم سرچ کنید
سپس در بخش Activity_main.xml  کد های زیر را قرار دهید.

ما در اول یک یک RealtiveLayout داریم بعد از آن از همان کتاب خانه که استفاده کردیم tab های ما رو تشکیل می دهد و بعد از آن Viewpager خودمان را تعریف کردیم.
 
حالا باید کد های مربوط به بخش Mainactivity.java را قرار دهید (در ادامه آن را توضیح می دهیم).

این کد بالا عکسی همانند زیر برای شما ایجاد می کند.

 
 
res = this.getResource برای گرفتن مسیر عکس هایی که در فولدر Drawbale قرار دارد مقدار مسیر آن را در متغییر res قرار داده ایم. بعد از آن باید Tab های و view pager های خودمون رو find کنیم بعد از آن سپس باید آداپتور خود را تعریف کنیم این اداپتور برای این است که ما setOnPageChangeListener را تعریف کنیم (به این معنی که روی هر tab کلیک شد کاری انجام شود) از این  onPageSelected برای زمانی است که کاربر تب ها را برای تغییر درگ کنه یعنی از یک طرف به طرف دیگه بکشه باعث تغییر صفحه میشه به و طور مثال وارد پیج دوم میشه.
از کد زیر برای اضافه کردن تک تک تب ها به علاوه ایکون استفاده میشه

onTabSelected زمانی اتفاق می افتد که کاربر روی تب کلیک کند ولی دستش را از روی آن تب بر ندارد و بخش مهم آن position هر تب است که بر گرداننده می شود به طور مثال می توانید یه Toast بزارید تا کامل متوجه شوید.
onTabReselected زمانی اتفاق می فتد که کار یک تب رو دوباره انتخاب کند.
onTabUnselected زمانی اتفاق می افتد که کاربر دستش را از روی تب بر دارد.
حال باید برای ViewPagerAdapter خودمون صفحه های فرگمنت رو درست کنیم (بخش زیر Tab می شود)
getPageTitle نام هر تب را مشخص می کند (برای اینکه نمایش داده شود باید عکس را حذف کنید)
و در آخر هم کد زیر عکس های ما را برای tab ها برمیگرداند

این آموزش هم به پایان رسید.
 
موفق باشید.

مطالعه بیشتر