تبلیغات

تب هاست در اندروید – ایجاد یک تب هاست ساده

Android TabHost | تب هاست در اندروید

تب هاست در اندروید
ایجاد یک تب هاست ساده


یکی از پرکاربردترین کامپوننت‌های اندروید، TabHost (تب‌هاست) است که در خیلی از برنامه‌ها هم به چشم می‌خورد و به طور خیلی خلاصه، کامپوننتی است که می‌تواند شامل چند قسمت مختلف با محتوای مختلفی باشد. در واقع، تب‌هاست، اکتیوتی شما را به چند بخش مختلف تقسیم بندی می‌کند که هربخش درون یک تب قرار دارد.

استفاده از تب‌هاست، در مقایسه با سایر ابزارها کمی متفاوت است و پیچیدگی‌های خاص خود را دارد که در این آموزش و آموزش‌های دیگر، به توضیح تمامی ویژگی‌های آن خواهیم پرداخت.
تصویر زیر، تصویر یک تب هاست ساده با سه بخش مختلف می‌باشد:

Android TabHost 1

 

یک تب هاست دیگر که کمی شکل و شمایل متفاوت تری دارد:

Android TabHost 2 Android TabHost 3

ساخت Layout + تب هاست

یک Layout ایجاد کرده و کد زیر را درون آن قرار دهید.

سه قسمت اصلی کد بالا:

  • TabHost
    بدنه‌ی کلی فایل xml را مشخص می‌کند و بیان کننده‌ی این است که می‌خواهیم صفحه‌ای چند بخشی متشکل از تب ها داشته باشیم.
  • TabWidget
    ویجب مربوط به تب هاست ، تب‌ها به این ویجت اضافه شده و نمایش داده می شوند.
  • FrameLayout
    پدر صفحاتی است که می‌خواهیم در برنامه داشته باشیم.
    فرزندان FrameLayout هر کدام محتوای یک تب را مشخص می‌سازند.
    در این مثال سه TextView داریم که هر کدام در یک تب نمایش داده خواهند شد.

کد جاوا

برای نمایش درست، نیاز داریم چند خط کد جاوا بنویسیم. کد مربوط به Activity این برنامه به صورت زیر خواهد بود:

شرح کد:

  • TabHost ایجاد شده در سمت XML را داخل یک آبجکتی از جنس TabHost قرار می‌دهیم.
  •  متد Setup : امکان تغییر تب هاست را فراهم می‌سازد.
  • از کلاس TabSpec برای ساخت تب‌ها استفاده می‌کنیم.
    • ورودی متد سازنده : تگ تب
    • متد setIndicator : مشخصکردن نام تب
    • متد setContent : مشخص کردن محتوای تب
  • متد addTab : اضافه کردن تب ساخته شده به تب هاست

نتیجه‌ی کد بالا:

Android TabHost 1_1

 

درس بعدی (نمایش تصویر در تب)
تبلیغات
4 نظر
کانال تلگرام فول کده
تبلیغات

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

هادی اکبرزاده

[ مدیر فول کده ]

علاقه‌مند به اشتراک گذاری اطلاعات در هر زمینه‌ای / برنامه‌نویس

پاسخ دهید

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

نظرات ثبت شده 4 دیدگاه

    1. حمید رضا گفت:

      سلام اگه بخواهیم به هر کدوم از تب ها یک دکمه اضافه کنیم چه طور میتونیم این کارو کنیم ؟؟؟با تشکر

      1. هادی اکبرزاده گفت:

        مثل TextView ها که اضافه شدند این کارو انجام بدید.
        ولی بهتره از TabWidget استفاده کنیم.

    2. محمدحسین گفت:

      سلام
      تشکر بابت مطلب بسیار خوبتون
      tab1.setIndicator(“One”));
      این خط یک پرانتز اضافی دارین

      1. هادی اکبرزاده گفت:

        ممنون دوست عزیزم
        اصلاح شد