Mida te mõistate mõiste renderdamine all?

Flutteri renderdamine on protsess, kus widgetide puu (widget tree) muudetakse elementide puuks (element tree), seejärel renderipuu (render tree), mis lõpuks kuvatakse ekraanil.

Peamised sammud:

1. Widget Tree: Kasutajaliidese deklaratiivne kirjeldus.
2. Element Tree: Widgetide puu tõlgendamine, mis sisaldab viiteid widgetide eksemplaridele ja nende olekule (for StatefulWidget). Elementide puu on ühenduslüli Widget Tree ja Render Tree vahel.
3. Render Tree: Sisaldab RenderObject objekte, mis teavad, kuidas ennast joonistada (paint) ja määrata oma suurust ning positsiooni (layout). See on abstraktne puu, mis ei sõltu platvormist.
4. Painting & Composition: GPU-sõbralikud joonistamiskäsud saadetakse Skia'le (Flutteri graafikaplatvorm), mis teisendab need GPU-sõbralikeks käskudeks.
5. Rasterization: GPU joonistab käsud ekraani pikslitele.
6. Display: Pikslid kuvatakse seadme ekraanil.

Renderdamise ja paigutuse tsükkel toimub, kui olek muutub ja see nõuab uuesti joonistamist, või kui aktiveeritakse kaader Scheduleri kaudu. Scheduler planeerib funktsioonide täitmise, sealhulgas build (Element Tree loomine) ja layout / joonistamine (Render Tree jaoks).

// Näide lihtsast widgetist
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Iga widget kirjeldab osa kasutajaliidesest.
    // Flutter teisendab selle kirjelduse elementideks ja RenderObjectideks.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}