الگوی Tab بهعنوان محفظهای برای سایر الگوهای فهرست شده در زیر عمل میکند و زبانههایی را در بالا ارائه میکند (همانطور که در آناتومی الگوی برگه نشان داده شده است).
برگه ها امکان جابجایی بین نماها را فراهم می کنند. این قابلیت به ویژه برای سازماندهی محتوا یا نماهایی که کاربران مایل به مرور یا جستجو هستند مفید است.
شامل می شود:
نوار برگه با نماد برنامه و حداکثر 4 تب (بدون دکمه برگشت)
قالب تعبیه شده، که می تواند یکی از انواع زیر باشد:
هر نمای برگه مربوط به یک الگوی تعبیه شده است و فقط یک نمای برگه می تواند در هر زمان معین فعال باشد.
آناتومی قالب برگه
قالب Tab از عناصر زیر تشکیل شده است:
نوار برگه ، که می تواند حداکثر 4 برگه را نشان دهد
الگوی جاسازی شده ، با استفاده از یکی از الگوهای زیر: فهرست، شبکه، جستجو، صفحه، پیام یا پیمایش
نمونه های قالب برگه
نمای برگه «همه دستگاهها» با استفاده از الگوی برگهای ایجاد میشود که حاوی یک الگوی فهرست است (مثال Android Auto) نمای برگه «دستگاههای خانگی» با استفاده از الگوی برگهای ایجاد میشود که حاوی یک الگوی Grid است (مثال Android Auto)
الزامات UX قالب برگه
توسعه دهندگان اپلیکیشن :
باید
برای هر برگه نمادهای برداری تک رنگ ارائه کنید.
باید
حداقل 2 و بیش از 4 تب را در هدر برنامه قرار دهید.
نباید
به بیش از 1 برگه در هر زمان اجازه دهید فعال باشد.
نباید
با افزودن سطح دوم تب ها، یک ناوبری ثانویه ایجاد کنید.
باید
برای جلوگیری از بریدن از برچسب های زبانه کوتاه استفاده کنید.
نباید
در قالبهای تعبیهشده به هدر یا نوار اقدام تکیه کنید.
تاریخ آخرین بهروزرسانی 2024-10-30 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2024-10-30 بهوقت ساعت هماهنگ جهانی."],[[["The Tab template serves as a container for other templates, organizing content into a tabbed interface."],["It supports embedding List, Grid, Search, Pane, Message, or Navigation templates within each tab."],["Apps should utilize 2-4 tabs with monochromatic icons and concise labels for optimal usability."],["Only one tab can be active at a time, and embedded templates should avoid using their own headers."],["Tab templates are ideal for creating switchable views for content browsing or searching within an app."]]],[]]