76 lines
2.2 KiB
Markdown
76 lines
2.2 KiB
Markdown
|
# تغییر CalendarSwitcher به آیکون - Icon Only Design
|
||
|
|
|
||
|
|
## تغییرات انجام شده
|
||
|
|
|
||
|
|
### ✅ حذف متن از دکمه
|
||
|
|
CalendarSwitcher حالا فقط از آیکون برای نمایش حالت کنونی استفاده می‌کند.
|
||
|
|
|
||
|
|
### 🎨 طراحی جدید:
|
||
|
|
|
||
|
|
#### قبل (متن + آیکون):
|
||
|
|
```dart
|
||
|
|
child: Text(label, style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w600)),
|
||
|
|
```
|
||
|
|
|
||
|
|
#### بعد (فقط آیکون):
|
||
|
|
```dart
|
||
|
|
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
|
||
|
|
- ✅ آیکون‌های صحیح
|
||
|
|
- ✅ عملکرد چندزبانه
|
||
|
|
- ✅ طراحی تمیز
|