تبها دکمههایی هستند که همیشه به صورت گروهی ظاهر میشوند و به وضعیت یکدیگر وابستهاند: در هر زمان فقط یکی از آنها میتواند فعال باشد.
کامپوننت دکمهها
دکمههایی که تب نیستند میتوانند مستقل از سایر دکمهها عمل کنند.
زبانه ها
آناتومی
۲. آیکون تب غیرفعال
۳. برچسب تب فعال
۴. برچسب تب غیرفعال
مشخصات
تبها در نوار برنامه تو در تو قرار گرفتهاند - ترازبندی چپ
کامپوننت نوار برنامه و هدر
مشخصات، دستورالعملهای سبک و موارد دیگر. تبهای تو در تو در نوار برنامه - ترازبندی انعطافپذیر
تبها در نوار برنامه جمع شدند - منوی کشو
کامپوننت نوار برنامه و هدر
مشخصات، دستورالعملهای سبک و موارد دیگر. نوار تب مستقل - تراز چپ
نوار تب مستقل - ترازبندی انعطافپذیر
سرریز رشته برچسب تب
مقیاسبندی طرحبندیها
این طرحبندیهای مرجع نشان میدهند که چگونه میتوان تبها را برای تطبیق با صفحات نمایش با عرضها و ارتفاعهای مختلف تطبیق داد. توجه داشته باشید که تمام مقادیر پیکسلها، قبل از هرگونه نمونهبرداری نزولی یا صعودی، به صورت پیکسلهای رندر شده هستند.
صفحه نمایش استاندارد در مقابل صفحه نمایش عریض در براکت کوتاه قد
صفحه نمایش استاندارد در مقابل صفحه نمایش عریض در براکت ارتفاع استاندارد
صفحه نمایش استاندارد در مقابل صفحه نمایش عریض در براکت با ارتفاع بلند
پردههای نمایش بسیار عریض و فوقالعاده عریض در تمام ارتفاعها
سبکها
تایپوگرافی
| سبک تایپ | فونت | وزن | اندازه (dp) |
|---|---|---|---|
| بدنه ۳ متر | رباتو | متوسط | ۲۴ |
| بدنه ۳ | رباتو | منظم | ۲۴ |
رنگ
| عنصر | رنگ (حالت روز) | رنگی (حالت شب) |
|---|---|---|
| نوع اصلی / آیکونها | سفید | سفید @ ۸۸٪ |
| نوع ثانویه / آیکونها | سفید @ 72% | سفید @ 60% |
| پسزمینه نوار تب | سیاه | سیاه |
| پسزمینه نوار تب در هنگام اسکرول | مشکی @ ۸۴٪ | مشکی @ ۸۸٪ |
| آیکون تب - حالت فعال | سفید | سفید @ ۸۸٪ |
| آیکون تب - حالت غیرفعال | سفید @ ۵۶٪ | سفید @ 50% |
اندازه
| عنصر | اندازه (dp) |
|---|---|
| آیکون اصلی | ۴۴ |
| آیکون ثانویه | ۳۶ |
| هدف لمسی آیکون | ۷۶ |
مثالها
