پرش به مطلب اصلی

ویجت گروه تب

«گروه تب» برای ساخت بخش‌بندی‌های تب‌دار استفاده می‌شود؛ مثل تب «جدیدترین»، «محبوب‌ترین»، «دسته‌ها» و…

کاربردها

  • ساخت چیدمان تب‌دار برای تقسیم محتوا به چند بخش.
  • نمایش دسته‌های مختلف مثل مشخصات، توضیحات و نظرات.
  • کم کردن طول صفحه و دسترسی سریع‌تر به بخش‌ها.
یادداشت

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

فرم تنظیمات گروه تب
در این بخش تصویر فرم تنظیمات «گروه تب (Tab)» را قرار دهید (اسکرین‌شات از پنل اپ‌ادیتور).

تنظیمات سربرگ‌های تب

ظاهر عنوان‌ها

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

نشانگر تب فعال

  • رنگ نشانگر: رنگ خط یا نشانه‌ای است که تب فعال را مشخص می‌کند.
  • ضخامت نشانگر: اندازه یا ضخامت نشانگر تب فعال.

رفتار سربرگ‌ها

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

اگر تعداد تب‌ها زیاد است، اسکرول‌پذیر بودن عناوین را فعال کنید تا تب‌ها در صفحه‌های کوچک فشرده نشوند.

نکات طراحی و تست

  • جایگاه «ویجت گروه تب (Tab)» را در چیدمان صفحه با اندازه‌های مختلف نمایش بررسی کنید.
  • عنوان، متن و فاصله‌گذاری اطراف ویجت را با سایر اجزای همان صفحه هماهنگ نگه دارید.
  • قبل از انتشار، تعامل کاربر با ویجت را روی دستگاه واقعی تست کنید؛ مخصوصاً اگر ویجت داخل گروه، تب، اسلاید یا فرم قرار دارد.