Ką suprantate po žodžiu renderavimas?

„Flutter“ vaizdavimas yra procesas, kai widgetų medis (widget tree) paverčiamas į elementų medį (element tree), tada į vaizdavimo medį (render tree), kuris galutiniame etape yra rodomas ekrane.

Pagrindiniai žingsniai:

1. Widgetų medis: Deklaratyvus naudotojo sąsajos aprašymas.
2. Elementų medis: Widgetų medžio interpretacija, kuriame yra nuorodos į widgetų egzempliorius ir jų būseną (pvz., StatefulWidget). Elementų medis veikia kaip tiltas tarp widgetų medžio ir vaizdavimo medžio.
3. Vaizdavimo medis: Apima RenderObject objektus, kurie žino, kaip juos nupiešti (paint) ir kaip nustatyti jų dydį bei poziciją (layout). Tai yra abstraktus medis, nepriklausomas nuo platformos.
4. Piešimas ir sudėtis: GPU nepriklausomos piešimo komandos yra siunčiamos į Skia (Flutter grafikos variklį), kuris jas paverčia GPU priklausomomis komandomis.
5. Rasterizacija: GPU nupiešia komandas ant ekrano pikselių.
6. Ekrano rodymas: Pikseliai yra rodomi įrenginio ekrane.

Renderavimo ir maketo kūrimo ciklas vyksta, kai įvyksta būsenos pasikeitimas, reikalaujantis perpiešimo, arba kai aktyvuojamas rėmas per Scheduler. Scheduler planuoja funkcijų vykdymą, įskaitant build (elementų medžio kūrimą) ir layout / paint (vaizdavimo medžio).

// Paprastas widget pavyzdys
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Kiekvienas widget apibūdina naudotojo sąsajos dalį.
    // Flutter paverčia šį aprašymą į elementus ir vaizdavimo objektus.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}