ما هي أدوات Material و Cupertino؟

Question

Accepted Answer

توفر Flutter نظامي تصميم رئيسيين كمجموعات أدوات: **Material** (تصميم Material من Google، بنمط Android) و **Cupertino** (بنمط iOS). تتيح لك هذه الأدوات بناء واجهات مستخدم تطابق لغة التصميم الخاصة بكل منصة، أو تقديم مظهر موحد مخصص.

## أدوات Material (Material Design)

```dart
// Material widgets follow Google's Material Design (Android look, but usable anywhere)
MaterialApp(                       // the app root for Material apps
  home: Scaffold(                  // Material page structure
    appBar: AppBar(title: Text('Material')),
    body: Center(
      child: ElevatedButton(       // Material button
        onPressed: () {},
        child: Text('Material Button'),
      ),
    ),
    floatingActionButton: FloatingActionButton(onPressed: () {}),
  ),
)
// Material widgets: Scaffold, AppBar, ElevatedButton, Card, FloatingActionButton, etc.
```

## أدوات Cupertino (بنمط iOS)

```dart
// Cupertino widgets follow Apple's iOS design language
CupertinoApp(
  home: CupertinoPageScaffold(
    navigationBar: CupertinoNavigationBar(middle: Text('iOS')),
    child: Center(
      child: CupertinoButton(      // iOS-style button
        onPressed: () {},
        child: Text('iOS Button'),
      ),
    ),
  ),
)
// Cupertino widgets: CupertinoButton, CupertinoNavigationBar, CupertinoPicker, etc.
```

## الاختيار وواجهات المستخدم المتكيفة مع المنصة

```text
→ MATERIAL → most common default; works on all platforms; Google's design system
→ CUPERTINO → for an authentic iOS look
→ Many apps just use Material everywhere (consistent, simpler) — Flutter draws its own
  UI, so Material works fine on iOS too
→ PLATFORM-ADAPTIVE → use Material on Android, Cupertino on iOS (native feel per platform)
  — more effort; choose based on whether platform-native look matters
```

## لماذا هذا مهم

فهم أدوات Material و Cupertino ذو قيمة لأنها نظاما التصميم الرئيسيان في Flutter، حيث توفران الأدوات المستخدمة في بناء واجهات التطبيقات، لذا فإنها معرفة أساسية مفيدة. **أدوات Material** (التي تطبق تصميم Material من Google، لغة التصميم بنمط Android) هي الخيار الافتراضي الأكثر شيوعاً وتتضمن أدوات أساسية تستخدم في معظم تطبيقات Flutter (Scaffold لهيكل الصفحة، AppBar، الأزرار، Cards، FloatingActionButton) — فهمها ضروري لأن غالبية تطبيقات Flutter تستخدم Material. **أدوات Cupertino** (التي تطبق لغة التصميم iOS من Apple) تتيح لك بناء واجهات تبدو أصيلة على iOS.

فهم كلاهما، و**كيفية الاختيار بينهما**، له قيمة عملية: العديد من التطبيقات ببساطة **تستخدم Material في كل مكان** (متسقة وأبسط، وبما أن Flutter ترسم واجهة المستخدم بنفسها، فإن Material تعمل بشكل جيد حتى على iOS)، بينما التطبيقات التي تريد **مظهراً أصيلاً خاص بكل منصة** يمكنها استخدام **نهج متكيف مع المنصة** (Material على Android، Cupertino على iOS، مما يعطي كل منصة شعورها الأصلي بتكلفة جهد أكثر).

فهم هذا الاختيار — استخدام Material المتسق في كل مكان (أبسط) مقابل التكيف مع المنصة (شعور أصلي لكل منصة) — يعكس قراراً تصميمياً حقيقياً في تطوير Flutter.

معرفة مجموعات الأدوات المتاحة وأنظمة التصميم الخاصة بها أساسية لبناء واجهات مستخدم تبدو مناسبة، سواء كانت تطابق اتفاقيات المنصة أم تقدم تصميماً مخصصاً متسقاً.

بما أن بناء واجهات Flutter يتطلب استخدام هذه مجموعات الأدوات (Material كونها الخيار الافتراضي الشائع، Cupertino لتصميم iOS) وفهمها والاختيار بين التصميم المتسق مقابل التكيف مع المنصة مفيد لإنشاء تطبيقات ذات مظهر مناسب، فإن فهم أدوات Material و Cupertino معرفة Flutter أساسية وقيمة — ضرورية لبناء واجهات مستخدم (خاصة أدوات Material المنتشرة) ومفيدة لاتخاذ قرارات سليمة بشأن مظهر التطبيق واتفاقيات المنصة، وهي جانب عملي من تطوير واجهات Flutter اليومي.