Kas yra Material ir Cupertino valdikliai?

Question

IT Interview Practice · Accepted Answer

Flutter suteikia dvi pagrindinės dizaino sistemas kaip valdiklių rinkinius: **Material** (Google Material Design, Android stiliaus) ir **Cupertino** (iOS stiliaus). Jie leidžia jums kurti sąsajas, atitinkančias kiekvienos platformos dizaino kalbą, arba nuoseklų pasirinktinį išvaizdą.

## Material valdikliai (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 valdikliai (iOS stiliaus)

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

## Pasirinkimas ir platformai prisitaikanti sąsaja

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

## Kodėl tai svarbu

Suprasti Material ir Cupertino valdiklius yra vertinga, nes jie yra dvi pagrindinės Flutter dizaino sistemos, teikiančios valdiklius, naudojamus sąsajoms kurti, todėl tai naudinga pagrindinė žinių. **Material valdikliai** (įgyvendinantys Google Material Design, Android stiliaus dizaino kalbą) yra dažniausias numatytas variantas ir apima esminius valdiklius, naudojamus daugumoje Flutter programų (Scaffold puslapio struktūrai, AppBar, mygtukai, Cards, FloatingActionButton) — juos suprasti būtina, nes dauguma Flutter programų naudoja Material. **Cupertino valdikliai** (įgyvendinantys Apple iOS dizaino kalbą) leidžia jums kurti autentiškus iOS išvaizdos sąsajas.

Suprasti abu ir **kaip pasirinkti**, praktiškai vertinga: daugelis programų tiesiog **naudoja Material visur** (nuoseklus ir paprastesnis, ir kadangi Flutter piešia savo UI, Material gerai veikia net iOS), o programos, kurios nori **platformos natyvios išvaizdos**, gali naudoti **platformai pritaikytą požiūrį** (Material Android sistemoje, Cupertino iOS sistemoje, suteikiant kiekvienai platformai jos natyvią išvaizdą daugiau pastangų kaina).

Suprasti šį pasirinkimą — nuoseklus Material visur (paprastesnis) arba platformai pritaikytas (kiekvienoje platformoje natavioji išvaida) — atspindi tikrą dizaino sprendimą Flutter kūryboje.

Žinoti prieinamus valdiklių rinkinius ir jų dizaino sistemas yra pagrindinis UI kūrimas, kurie atrodo tinkami, nesvarbu, atitinka platformos konvencijas ar pateikia nuoseklų pasirinktinį dizainą.

Kadangi Flutter UI kūrimas reikalauja naudoti šiuos valdiklių rinkinius (Material yra dažniausias numatytas variantas, Cupertino iOS stiliui) ir suprasti juos bei pasirinkimą tarp nuoseklaus ir platformai pritaikytų dizainų yra naudingas kuriant tinkamo dydžio programas, suprasti Material ir Cupertino valdiklius yra vertinga, pagrindinė Flutter žinių — būtina UI kūrimui (ypač visur naudojamiems Material valdikliais) ir naudinga sveikiems sprendimams dėl programos išvaizdos ir platformos konvencijų, praktinis kasdienes Flutter UI kūrybos aspektas.

Material valdikliai (Material Design)

Cupertino valdikliai (iOS stiliaus)

Pasirinkimas ir platformai prisitaikanti sąsaja

Kodėl tai svarbu

Susiję klausimai