რა იგულისხმება რენდერინგში?

Flutter-ში რენდერობა არის პროცესი, როდესაც ვიჯეტების (widget tree) ხე გარდაიქმნება ელემენტების ხედ (element tree), შემდეგ კი რენდერის ხედად (render tree), რომელიც საბოლოოდ ეკრანზე გამოისახება.

ძირითადი ნაბიჯები:

1. ვიჯეტების ხე: მომხმარებლის ინტერფეისის დეკლარატიული აღწერა.
2. ელემენტების ხე: ვიჯეტების ხის ინტერპრეტაცია, სადაც ინახება ვიჯეტების ინსტანციები და მათი მდგომარეობა (მაგ., StatefulWidget). ელემენტების ხე წარმოადგენს ხიდს ვიჯეტების ხესა და რენდერის ხეს შორის.
3. რენდერის ხე: შეიცავს RenderObject ობიექტებს, რომლებიც იციან, როგორ უნდა მოხატონ (paint) და როგორ განსაზღვრონ თავიანთი ზომა და პოზიცია (layout). ეს არის აბსტრაქტული ხე, პლატფორმიდან დამოუკიდებელი.
4. ფერწერა და კომპოზიცია: GPU-გან დამოუკიდებელი ფერების ბრძანებები გადის Skia-ს (Flutter-ის გრაფიკული موتور) და იქ გარდაიქმნება GPU-გან დამოკიდებულ ბრძანებებად.
5. Rasterization: GPU ხატავს ბრძანებებს ეკრანის პიქსელებზე.
6. გამოყენება: პიქსელები გამოჩნდება მოწყობილობის ეკრანზე.

რენდერინგის და განლაგების მშენებლობის ციკლი ხდება, როდესაც ხდება მდგომარეობის ცვლილება, რომელიც საჭიროებს გადახატვას, ან როდესაც აქტივირდება ფრეიმი Scheduler-ის მეშვეობით. Scheduler გეგმავს ფუნქციების შესრულებას, მათ შორის build (ელემენტების ხის მშენებლობა) და layout / paint (რენდერის ხე).

// მარტივი ვიჯეტის მაგალითი
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // თითოეული ვიჯეტი აღწერს მომხმარებლის ინტერფეისის ნაწილს.
    // Flutter ამ აღწერას გარდაქმნის ელემენტებს და რენდერ ობიექტებს.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}