hesabixArc/docs/CALENDAR_SWITCHER_ICON_ONLY.md

2.2 KiB

تغییر CalendarSwitcher به آیکون - Icon Only Design

تغییرات انجام شده

حذف متن از دکمه

CalendarSwitcher حالا فقط از آیکون برای نمایش حالت کنونی استفاده می‌کند.

🎨 طراحی جدید:

قبل (متن + آیکون):

child: Text(label, style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w600)),

بعد (فقط آیکون):

child: Icon(
  isJalali ? Icons.calendar_today : Icons.calendar_month,
  size: 16,
),

🔄 آیکون‌های استفاده شده:

تقویم شمسی:

  • آیکون: Icons.calendar_today
  • معنی: تقویم امروز (شمسی)

تقویم میلادی:

  • آیکون: Icons.calendar_month
  • معنی: تقویم ماه (میلادی)

🎯 ویژگی‌های جدید:

1. طراحی ساده

  • فقط آیکون در دکمه
  • بدون متن اضافی
  • طراحی تمیز و مینیمال

2. آیکون‌های معنادار

  • calendar_today برای شمسی
  • calendar_month برای میلادی
  • تفاوت بصری واضح

3. منو چندزبانه

  • منو همچنان چندزبانه است
  • متن‌ها ترجمه شده
  • Tooltip چندزبانه

🔄 مقایسه با LanguageSwitcher:

ویژگی LanguageSwitcher CalendarSwitcher
دکمه متن (فا/EN) آیکون (📅/📆)
منو چندزبانه چندزبانه
Tooltip چندزبانه چندزبانه
طراحی CircleAvatar CircleAvatar

مزایای طراحی جدید:

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

🎨 نتیجه نهایی:

[📅] [🌙] [فا]  ← آیکون تقویم + تم + زبان

تست

  • Flutter analyze بدون خطای critical
  • آیکون‌های صحیح
  • عملکرد چندزبانه
  • طراحی تمیز