Što su Material i Cupertino widgeti?

Question

Accepted Answer

Flutter pruža dva glavna sustava dizajna kao skupove widgeta: **Material** (Googleov Material Design, Android stil) i **Cupertino** (iOS stil). Oni vam omogućuju da gradite korisničke sučelje koja odgovaraju jeziku dizajna svakoj platformi ili konzistentnom prilagođenom izgledu.

## 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 stil)

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

## Odabir i prilagođena korisničko sučelja za platformu

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

## Zašto je to važno

Razumijevanje Material i Cupertino widgeta je vrijedno jer su to dva glavna sustava dizajna Fluttera, što omogućuje widgete koji se koriste za gradnju korisničkog sučelja aplikacije, pa je to korisno temeljno znanje. **Material widgeti** (koji implementiraju Googleov Material Design, Android-style jezik dizajna) su najčešće zadanu vrijednost i uključuju bitne widgete koji se koriste u većini Flutter aplikacija (Scaffold za strukturu stranice, AppBar, gumbe, Cards, FloatingActionButton) — razumijevanje ih je neophodno jer većina Flutter aplikacija koristi Material. **Cupertino widgeti** (koji implementiraju Appleov iOS jezik dizajna) omogućuju vam da gradite autentično iOS izgledom sučelja.

Razumijevanje oba, i **kako odabrati**, je praktično vrijedno: mnoge aplikacije jednostavno **koriste Material svugdje** (konzistentno i jednostavnije, a budući da Flutter crta svoje UI, Material dobro radi čak i na iOS-u), dok aplikacije koje žele **nativne izglede platforme** mogu koristiti **pristup prilagođen platformi** (Material na Androidu, Cupertino na iOS-u, dajući svakoj platformi njezin nativni izgled uz cijenu većeg napora).

Razumijevanje ovog izbora — konzistentan Material svugdje (jednostavnije) nasuprot prilagođeni platformi (nativni izgled po platformi) — odražava pravi izbor dizajna u Flutter razvoju.

Znanje dostupnih skupova widgeta i njihovih sustava dizajna je temeljno za gradnju korisničkog sučelja koje izgleda prikladno, bilo da se poklapa sa konvencijama platforme ili predstavlja konzistentan prilagođeni dizajn.

Budući da gradnja Flutter korisničkog sučelja zahtijeva korištenje ovih skupova widgeta (Material je česta zadana vrijednost, Cupertino za iOS stiliziranje) i razumijevanje njih i izbora između konzistentnog naspram prilagođenog dizajna je korisno za stvaranje primjereno izgledom aplikacija, razumijevanje Material i Cupertino widgeta je vrijedno, temeljno Flutter znanje — neophodno za gradnju korisničkog sučelja (posebno sveprisutnih Material widgeta) i korisno za donošenje valjanih odluka o izgledu aplikacije i konvencijama platforme, praktični aspekt svakodnevnog Flutter razvoja korisničkog sučelja.