آموزش تب بندی در اپلیکیشن اندرویدی

دسته بندی ها : برنامه نویسی اندروید ۳ مهر ۱۳۹۸ فرشته آقامیری

آموزش ساده Tablayout با استفاده از فرگمنت

حتما با Tab ها آشنایی دارید. بیشتر اپلیکیشن ها از تب بندی استفاده می کنند. اگر به پیام رسان ها نگاه کنید در بالا یا پایین صفحه چند تب دیده می شود که با کلیک روی آن یک فرگمنت با اطلاعات منحصر به فرد باز می شود.

فرض کنید می خواهیم در اکتیویتی مان یک Tab Layout ایجاد کنیم.

قبل از هر کاری، لازم است کتابخانه design را نصب کنید. برای این منظور به VPN وصل شوید.

به build.gradle (Module: app) رفته و

را در قسمت dependencies ها وارد کنید و sync را بزنید تا کتابخانه  دیزاین به پروژه اضافه شود.

وارد اکتیویتی موردنظر شوید و تگ های Tablayout و Viewpager را بنویسید. توجه داشته باشید، لازم است بری هر تب لایوت یک view pager تعریف کرده و کست کنید.

با دستور setupWithViewPager  تب لایوت و ویوپیجر را بهم متصل کنید.

در مرحله بعد، فرگمنت هایی که قصد دارید در تب لایوت نشان دهید را بسازید. در این مثال، چهار فرگمنت First، Two، Three و Four را ساختیم.

برای ساخت فرگمنت، نیاز به ساخت لایه xml و کلاس جاوا داریم. پس برای این تب لایوت ۴ کلاس xml و ۴ کلاس جاوا می سازیم.

به عنوان مثال: فرگمنت First را مشاهده می کنیم که در آن عبارت First Fragment دیده می شود.

first.xml:

First.java:

سه فرگمنت دیگر را به همین صورت می سازیم.

در مرحله اصلی ساخت تب لایوت، نیاز به ساخت آداپتر داریم. پس یک کلاس جاوا با نام TabLayoutAdapter می سازیم:

حالا به اکتیویتی اصلی برمی گردیم تا آداپتر را ست کنیم:

TabLayoutActivity:

در خروجی برنامه، تب لایوتی با تب های first، two، three و four تولید می شود.

فرشته آقامیری
فرشته آقامیری

مطالب زیر را حتما بخوانید:

نظرات کاربران

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لینک کوتاه :

عضویت در خبرنامه ویژه مشتریان سیگما پلاس

با عضویت در خبرنامه ویژه سیگما پلاس از آخرین جشنواره های سایت باخبر شوید!