با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
الگوی Tab به‌عنوان محفظه‌ای برای سایر الگوهای فهرست شده در زیر عمل می‌کند و زبانه‌هایی را در بالا ارائه می‌کند (همانطور که در آناتومی الگوی برگه نشان داده شده است).
برگه ها امکان جابجایی بین نماها را فراهم می کنند. این قابلیت به ویژه برای سازماندهی محتوا یا نماهایی که کاربران مایل به مرور یا جستجو هستند مفید است.
شامل می شود:
نوار برگه با نماد برنامه و حداکثر 4 تب (بدون دکمه برگشت)
قالب تعبیه شده، که می تواند یکی از انواع زیر باشد:
هر نمای برگه مربوط به یک الگوی تعبیه شده است و فقط یک نمای برگه می تواند در هر زمان معین فعال باشد.
آناتومی قالب برگه
قالب Tab از عناصر زیر تشکیل شده است:
نوار برگه ، که می تواند حداکثر 4 برگه را نشان دهد
الگوی جاسازی شده ، با استفاده از یکی از الگوهای زیر: فهرست، شبکه، جستجو، صفحه، پیام یا پیمایش
نمونه های قالب برگه
نمای برگه «همه دستگاه‌ها» با استفاده از الگوی برگه‌ای ایجاد می‌شود که حاوی یک الگوی فهرست است (مثال Android Auto) نمای برگه «دستگاه‌های خانگی» با استفاده از الگوی برگه‌ای ایجاد می‌شود که حاوی یک الگوی Grid است (مثال Android Auto)
الزامات UX قالب برگه
توسعه دهندگان اپلیکیشن :
باید
برای هر برگه نمادهای برداری تک رنگ ارائه کنید.
باید
حداقل 2 و بیش از 4 تب را در هدر برنامه قرار دهید.
نباید
به بیش از 1 برگه در هر زمان اجازه دهید فعال باشد.
نباید
با افزودن سطح دوم تب ها، یک ناوبری ثانویه ایجاد کنید.
باید
برای جلوگیری از بریدن از برچسب های زبانه کوتاه استفاده کنید.
نباید
در قالب‌های تعبیه‌شده به هدر یا نوار اقدام تکیه کنید.
تاریخ آخرین بهروزرسانی 2025-07-25 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2025-07-25 بهوقت ساعت هماهنگ جهانی."],[[["\u003cp\u003eThe Tab template serves as a container for other templates, organizing content into a tabbed interface.\u003c/p\u003e\n"],["\u003cp\u003eIt supports embedding List, Grid, Search, Pane, Message, or Navigation templates within each tab.\u003c/p\u003e\n"],["\u003cp\u003eApps should utilize 2-4 tabs with monochromatic icons and concise labels for optimal usability.\u003c/p\u003e\n"],["\u003cp\u003eOnly one tab can be active at a time, and embedded templates should avoid using their own headers.\u003c/p\u003e\n"],["\u003cp\u003eTab templates are ideal for creating switchable views for content browsing or searching within an app.\u003c/p\u003e\n"]]],[],null,[]]
