Sobes.tech
Junior — Middle

მომხმარებლის ინტერფეისების განვითარების კონტექსტში, რა ძირითადი განსხვავებებია Material და Cupertino კომპონენტებს შორის?

sobes.tech AI

პასუხი AI-სგან

Flutter-ში, კომპონენტები Material და Cupertino წარმოადგენენ ორ ნაკადს ვიჯეტების, რომლებიც განკუთვნილია სხვადასხვა პლატფორმებისთვის და დიზაინის სტილებისთვის:

  • Material: ეს არის Google-ის Material Design-ის საფუძველზე შექმნილი ვიჯეტების ნაკადი, რომელიც ძირითადად გამოიყენება Android აპლიკაციებში. იგი გამოირჩევა ნათელი ფერებით, ჩრდილებით, ანიმაციებით და სპეციფიკური ინტერფეისის ელემენტებით (მაგალითად, FloatingActionButton, AppBar).

  • Cupertino: ეს არის ვიჯეტების ნაკადი, რომელიც იმიტირებს iOS (Apple) სტილს. მათ აქვთ უფრო მინიმალისტური და ფლატ დიზაინი, რომელიც დამახასიათებელია iPhone და iPad-ისთვის, მათ შორის CupertinoNavigationBar, CupertinoButton.

ძირითადი განსხვავებები:

  • ვიზუალური სტილი და ანიმაციები, რომლებიც შესაბამისია პლატფორმასთან.
  • მართვის ელემენტების ქცევა (მაგალითად, სვიჩები, ღილაკები).
  • გამოყენება მიზნობრივი პლატფორმის მიხედვით, რათა შექმნას ნატიური მომხმარებლის გამოცდილება.

გამოყენების მაგალითი:

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: () {},
    );
  }
}