Junior — Middle
Kokios pagrindinės skirtumai tarp Material ir Cupertino komponentų vartotojo sąsajų kūrimo kontekste?
sobes.tech AI
Atsakymas iš AI
Flutter'e Material ir Cupertino komponentai atstovauja dviems rinkiniams widget'ų, skirtų skirtingoms platformoms ir dizaino stiliams:
-
Material: tai Google Material Design pagrįstas widget'ų rinkinys, dažniausiai naudojamas Android programose. Jis pasižymi ryškiomis spalvomis, šešėliais, animacijomis ir specifiniais sąsajos elementais (pvz., FloatingActionButton, AppBar).
-
Cupertino: tai widget'ų rinkinys, imituojantis iOS (Apple) stilių. Jie turi minimalistinį ir plokščią dizainą, būdingą iPhone ir iPad, su elementais kaip CupertinoNavigationBar, CupertinoButton.
Pagrindiniai skirtumai:
- Vizualinis stilius ir animacijos, atitinkančios platformą.
- Valdymo elementų elgsena (pvz., jungikliai, mygtukai).
- Naudojimas priklausomai nuo tikslios platformos, siekiant sukurti natyvią naudotojo patirtį.
Pavyzdys naudojimo:
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
Widget build(BuildContext context) {
if (Theme.of(context).platform == TargetPlatform.iOS) {
return CupertinoButton(
child: Text('Нажми меня'),
onPressed: () {},
);
} else {
return ElevatedButton(
child: Text('Нажми меня'),
onPressed: () {},
);
}
}