Junior — Middle
İstifadəçi interfeyslərinin inkişafı kontekstində Material və Cupertino komponentləri arasındakı əsas fərqlər nədir?
sobes.tech Süni İntellekt
AI-dan cavab
Flutter-da Material və Cupertino komponentləri, müxtəlif platformalar və dizayn üslubları üçün nəzərdə tutulmuş iki widget dəstini təmsil edir:
-
Material: Google Material Design-ə əsaslanan widgetlər dəstidir və əsasən Android tətbiqlərində istifadə olunur. Parlaq rənglər, kölgələr, animasiyalar və xüsusi interfeys elementləri ilə xarakterizə olunur (məsələn, FloatingActionButton, AppBar).
-
Cupertino: iOS (Apple) üslubunu təqlid edən widgetlər dəstidir. Daha minimalist və düz dizayna malikdir, iPhone və iPad üçün xarakterik elementlərə sahibdir (məsələn, CupertinoNavigationBar, CupertinoButton).
Əsas fərqlər:
- Platformaya uyğun vizual üslub və animasiyalar.
- İdarəetmə elementlərinin davranışı (məsələn, keçidlər, düymələr).
- Hədəf platformaya görə istifadə edilərək, yerli istifadəçi təcrübəsi yaradılır.
İstifadə nümunəsi:
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: () {},
);
}
}