Kaj so Material in Cupertino widgeti?

Question

Accepted Answer

Flutter ponuja dva glavna sistema za oblikovanje kot nabora widgetov: **Material** (Googlejev Material Design, Android slog) in **Cupertino** (iOS slog). Omogočajo vam gradnjo uporabniških vmesnikov, ki se ujemajo s stilom posamezne platforme, ali enotnega prilagojenega videza.

## Material widgeti (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 widgeti (iOS slog)

```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.
```

## Izbira in prilagajanje glede na platformo

```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
```

## Zakaj je to pomembno

Razumevanje Material in Cupertino widgetov je dragoceno, ker so to dva glavna sistema za oblikovanje v Flutteru in zagotavljajo widgete, ki se uporabljajo za gradnjo uporabniških vmesnikov, zato je to koristno temeljno znanje. **Material widgeti** (ki izvajajo Googlejevo Material Design, Android slog oblikovanja) so najpogostejši privzeti izbor in vključujejo bistvene widgete, ki se uporabljajo v večini Flutter aplikacij (Scaffold za strukturo strani, AppBar, gumbi, Cards, FloatingActionButton) — razumevanje njih je potrebno, ker večina Flutter aplikacij uporablja Material. **Cupertino widgeti** (ki izvajajo Appleov iOS slog oblikovanja) vam omogočijo gradnjo resnično videti iOS vmesnikov.

Razumevanje obeh in **kako izbrati**, je praktično dragoceno: številne aplikacije enostavno **uporabljajo Material povsod** (enotno in preprosteje, in ker Flutter narisuje svoj lastni vmesnik, Material dobro deluje tudi na iOS-u), medtem ko lahko aplikacije, ki želijo **videz, specifičen za platformo**, uporabijo **pristop, prilagođen platformi** (Material na Androidu, Cupertino na iOS-u, kar da vsaki platformi njen lastni videz na račun več dela).

Razumevanje te izbire — enotna Material povsod (preprosteje) proti prilagajanju glede na platformo (nativni videz za vsako platformo) — odraža pravo odločitev pri razvoju Flutter aplikacij.

Znanje razpoložljivih naborov widgetov in njihovih sistemov za oblikovanje je temeljno za gradnjo uporabniških vmesnikov, ki izgledajo primerno, ne glede na to, ali se ujemajo s konvencijami platforme ali predstavljajo enotni prilagojeni dizajn.

Ker gradnja Flutter vmesnikov zahteva uporabo teh naborov widgetov (Material je pogosta privzeta možnost, Cupertino za iOS slog) in razumevanje njih ter izbire med enotnim in prilagojenim oblikovanje glede na platformo je koristno za ustvarjanje primerno izgledajočih aplikacij, je razumevanje Material in Cupertino widgetov dragoceno, temeljno znanje Flutter — potrebno za gradnjo vmesnikov (še posebej vsenavzočih Material widgetov) in koristno za sprejemanje premišljenih odločitev o videzu aplikacije in konvencijah platforme, praktičnem vidiku vsakdanjega razvoja Flutter vmesnikov.