Material மற்றும் Cupertino விட்ஜெட்டுகள் என்றால் என்ன?

Question

Accepted Answer

Flutter இரண்டு முக்கிய டிசைன் கணினிகளை விட்ஜெட் செட்டுகளாகப் பிரதான செய்கிறது: **Material** (Google இன் Material Design, Android-style) மற்றும் **Cupertino** (iOS-style). அவை ஒவ்வொரு தளத்தின் டிசைன் மொழியுடன் UI கட்டவோ அல்லது ஒரு சீரான தனிப்பட்ட தோற்றத்துடன் கட்டவோ உங்களுக்கு அனுமதி தருகின்றன.

## Material விட்ஜெட்டுகள் (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 விட்ஜெட்டுகள் (iOS style)

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

## தேர்ந்தெடுப்பு மற்றும் தளத்திற்கு ஏற்ற UI

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

## ஏன் இது முக்கியமாகும்

Material மற்றும் Cupertino விட்ஜெட்டுகளைப் புரிந்துகொள்வது மதிப்புமிக்கது, ஏனெனில் அவை Flutter இன் இரண்டு முக்கிய டிசைன் கணினிகள், app UIs கட்டப் பயன்படுத்தப்படும் விட்ஜெட்டுகளை வழங்குகின்றன, எனவே இது பயனுள்ள அடிப்படை அறிவு. **Material விட்ஜெட்டுகள்** (Google இன் Material Design, Android-style டிசைன் மொழியை நடைமுறைப்படுத்துவது) மிகவும் பொதுவான முன்னிருப்பு மற்றும் அধிகாংश Flutter apps இல் பயன்படுத்தப்படும் அத்தியாவசிய விட்ஜெட்டுகளை உள்ளடக்கும் (page structure க்கான Scaffold, AppBar, buttons, Cards, FloatingActionButton) — அধிகாংশ Flutter apps Material ஐ பயன்படுத்துவதால் அவற்றை புரிந்துகொள்வது அவசியம். **Cupertino விட்ஜெட்டுகள்** (Apple இன் iOS டிசைன் மொழியை நடைமுறைப்படுத்துவது) நீங்கள் உண்மையான iOS-தோற்றமுள்ள interfaces கட்ட அனுமதி தருகின்றன.

ரண்டையும் புரிந்துகொள்வது, மற்றும் **எப்படி தேர்ந்தெடுப்பது**, நடைமுறையில் மதிப்புமிக்கது: பல apps வெறுமனே **Material எல்லா இடங்களிலும் பயன்படுத்தும்** (சீரான மற்றும் எளிமையான, மற்றும் Flutter அதன் சொந்த UI வரைவதால், Material iOS இல் கூட நன்றாக வேலை செய்கிறது), தொகை apps **platform-native தோற்றங்கள்** விரும்பும் போது **platform-adaptive approach** பயன்படுத்தலாம் (Android இல் Material, iOS இல் Cupertino, ஒவ்வொரு தளத்திற்கும் அதன் native feel தருவது கூடுதல் முயற்சிக்கான செலவில்).

இந்த தேர்ந்தெடுப்பு புரிந்துகொள்வது — எல்லா இடங்களிலும் சீரான Material (எளிமையான) சொல்லும் platform-adaptive (தளத்திற்கு native feel) — Flutter development இல் ஒரு உண்மையான டிசைன் முடிவை பிரதிபலிக்கிறது.

தற்போதுள்ள விட்ஜெட் செட்டுகள் மற்றும் அவற்றின் டிசைன் கணினிகளை அறிந்திருப்பது ஒரு தளத்தின் சம்மதங்களை பொருத்த அல்லது ஒரு சீரான தனிப்பட்ட டிசைன் வழங்க, மூலப் UIs கட்டுவதற்கான அடிப்படை — தகுந்தாக தெரியும் apps உருவாக்கலில் உதவிகரமாகும்.

Flutter UIs கட்டுவது இந்த விட்ஜெட் செட்டுகள் (Material பொதுவான default ஆகும், Cupertino iOS styling க்கான) பயன்படுத்த வேண்டும், மற்றும் அவற்றை புரிந்துகொள்வது மற்றும் சீரான சொல்லும் platform-adaptive டிசைன் இடையே தேர்ந்தெடுப்பு புரிந்துகொள்வது தகுந்தாக-தெரியும் apps உருவாக்குவதற்கு பயனுள்ள, எனவே Material மற்றும் Cupertino விட்ஜெட்டுகளை புரிந்துகொள்வது மதிப்புமிக்க, அடிப்படை Flutter அறிவு — UIs கட்டுவதற்கு அவசியம் (குறிப்பாக சர்বজனீன Material விட்ஜெட்டுகள்) மற்றும் app தோற்றம் மற்றும் தளம் சம்மதங்கள் பற்றிய ஆரோக்கியமான முடிவுகள் செய்வதற்கு பயனுள்ள, everyday Flutter UI development இன் ஒரு நடைமுறையான पहलु।