نوار برنامه و هدر

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

از طرح‌بندی‌های ثابت برای نوار برنامه و هدر استفاده کنید تا کنترل‌های کلیدی، مانند جستجوی درون برنامه، در یک مکان استاندارد در سراسر رابط کاربری قرار گیرند.

آناتومی

نوار برنامه و هدر می‌توانند شامل عناصر متنوعی باشند. می‌توان آن‌ها را به یکی از روش‌های زیر پیکربندی کرد:

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

هر یک از این نسخه‌ها می‌توانند شامل کنترل‌های برنامه مانند جستجو و تنظیمات درون برنامه نیز باشند.

آناتومی نوار برنامه و هدر
دو نسخه از هدر برنامه (بالا و وسط) و یک نسخه از نوار برنامه (پایین)، شامل عناصر زیر:
۱. فلش برگشت
۲. عنوان صفحه
۳. دکمه
۴. کنترل‌های برنامه
۵. آیکون برنامه
۶. ناوبری اصلی (تب‌ها)

مشخصات - نوار برنامه

نوار برنامه با ناوبری اصلی - تراز وسط

نوار برنامه با ناوبری اصلی - تراز چپ

نوار برنامه با ناوبری اصلی - جمع شده (کشو به جای تب‌ها)

مشخصات - سربرگ برنامه

سربرگ برنامه با عنوان وسط چین

هدر برنامه با کنترل تک برنامه‌ای

هدر برنامه با کنترل‌های چندگانه برنامه

هدر برنامه با یک دکمه

هدر برنامه با چندین دکمه

هدر برنامه با سرریز متن

سربرگ برنامه با نوار تب مستقل

سفارشی‌سازی

شما می‌توانید با تغییر ظاهر بصری نوار برنامه و هدر، برند خود را بیان کنید. این تغییرات ممکن است شامل موارد زیر باشد:

  • آیکون‌های سفارشی
  • فونت‌های سفارشی
  • تنظیم ظاهر دکمه‌های فعال، غیرفعال و غیرفعال
  • تنظیم ابعاد و محل قرارگیری دکمه‌ها

مثال‌ها

سربرگ برنامه در ورود به سیستم
هدر برنامه در حال پخش
نوار برنامه
نوار برنامه هنگام پیمایش محتوا