پیاده سازی Swipe Views با Tab


آشنایی با Tab

پیاده سازی Swipe Views با Tab چگونه است؟ کار با viewpager در اندروید چیست؟ آموزش کار با viewpager اندروید را در بی وب یاد بگیرید. آموزش اندروید استودیو

Tab ها در همه پلتفرم ها و برنامه ها استفاده می شوند مثال ساده ای که برای نشان دادن آن میتوانیم مثال بزنیم نرم افزار واتس آپ می باشد. هم چنین در سیستم عامل ویندوز وقتی یک پنجره تنظیمات را باز می کنید، در بالای پنجره چندین Tab تعبیه شده که با انتخاب هرکدام، به تعدادی از گزینه های مرتبط با عنوان آن تب دسترسی خواهید داشت. در مرورگرهای وب مانند کروم و فایرفاکس، برای مشاهده هر وب سایت یک تب (Tab) جدید باز می کنیم.

نحوه پیاده سازی Swipe Views

پیاده سازی Swipe Views با Tab چگونه است؟ کار با viewpager در اندروید چیست؟ آموزش کار با viewpager اندروید را در بی وب یاد بگیرید. آموزش اندروید استودیو

شما می‌توانید با استفاده از ویجت   ViewPager و Support Library، قابلیت Swipe Views را در برنامه‌ی خود ایجاد کنید. Swipe Views نوعی ویجت برای نمایش هر زیرمجموعه‌ای در یک صفحه جداگانه است. برای تنظیم طرح خود با viewePager المان <ViewPager> را در XML اضافه کنید. برای مثال، اگر هر صفحه‌ای در SwipeView باید از طرح داخلی شما استفاده کند، باید کد شما به شکل زیر نوشته شود:

پیاده سازی Swipe Views با Tab چگونه است؟ کار با viewpager در اندروید چیست؟ آموزش کار با viewpager اندروید را در بی وب یاد بگیرید. آموزش اندروید استودیو

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

  1. FragmentPagerAdapter
  2. FragmentStatePagerAdapter

FragmentPagerAdapter

بهترین گزینه برای زمانی که می‌خواهید بین صفحات نمایش مرور کنید.

FragmentStatePagerAdapter

بهترین گزینه برای زمانی که پیگیری سرسری مجموعه‌ای از شی ها، شماره صفحات نامشخص دارند، هم‌چنین مقدار استفاده از حافظه را به حداقل می‌رساند و کاربر را به صفحات دیگر هدایت می‌کند.

به‌عنوان‌مثال، کد زیر نحوه استفاده ازFragmentStatePagerAdapter را با استفاده از Fragment  نشان می‌دهد.

اضافه کردن Tabs به Action Bar

پیاده سازی Swipe Views با Tab چگونه است؟ کار با viewpager در اندروید چیست؟ آموزش کار با viewpager اندروید را در بی وب یاد بگیرید. آموزش اندروید استودیو

تب Action Bar برای مرور بین صفحات برنامه به کاربران رابط کاربری ارائه می‌دهد. برای ایجاد Tab با استفاده از ActionBar ، ابتدا Navigation-Mode-Tabs را فعال کنید، سپس چندین ActionBar.Tab  ایجاد کنید و رابط ActionBar.TabListener را پیاده‌سازی کنید. به‌عنوان‌مثال در متد OnCreate() باید از کد زیر استفاده کنید.

پیاده سازی Swipe Views با Tab چگونه است؟ کار با viewpager در اندروید چیست؟ آموزش کار با viewpager اندروید را در بی وب یاد بگیرید. آموزش اندروید استودیو

فراخوانی ActionBar.TabListener را به چه روش به کار ببرید تا Tab های وابسته به متن‌هایی که ایجاد کردید تغییر پیدا کنند. اگر می‌خواهید برای هر Tab از فرگمنت استفاده کنید، زیر بخش‌ها به شما نشان می‌دهد زمانی که کاربر یک Tab را انتخاب می‌کند چگونه بین صفحات سوئیچ کنید.

تغییر Tab ها با Swipe Views

برای سوئیچ بین صفحات در ViewPager زمانی که کاربر یک Tab را انتخاب می‌کند، ActionBar.TabListener را تکمیل کنید تا با فراخوانی setCurrentItem() صفحه‌ی مناسب انتخاب شود.

هم‌چنین، زمانی که کاربر با اشاره انگشت بین صفحات سوئیچ می‌کند باید برگه مربوطه را انتخاب کنید. با تنظیم این رفتار، شما می‌توانید توسط رابط ViewPager.OnPageChangeListener در هرزمانی Tab موردنظر را تغییر دهید.

استفاده از نوار عنوان به‌جای Tab

اگر می‌خواهید درگیر Action Bar و آماده‌سازی برای Scrollable tabes نشوید، می‌توانید از  PagerTitleStrip استفاده کنید.

در زیر نمونه‌ای از طراحی XML که توسط PagerTitleStrip انجام‌شده است را مشاهده می‌کنید.

آموزش اندروید استودیو

دیدگاهتان را بنویسید

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