RenderObject nedir?

RenderObject ile sıfırdan render nesnesi yazmayı öğrenirsin.

RenderObject nedir?

RenderObject, Flutter'da çizimin temel birimidir; layout ile boyut hesaplar, paint ile ekrana çizer. Sıfırdan özel render nesnesi yazmak için RenderObject'i extend eder, paintBounds ve performLayout'ü override edersin; paint de çizim için eklenir.

class MyRender extends RenderObject {
  @override
  Rect get paintBounds => Rect.zero;

  @override
  void performLayout() { /* boyut */ }

  @override
  void paint(PaintingContext context, Offset offset) { /* çizim */ }
}

Layout ve paint farkı

layout, ebeveynden gelen constraints'i kullanarak boyutu belirler; paint ise hesaplanan boyutu kullanarak çizim yapar. Layout her zaman paint'ten önce çalışır.

Uygulama RenderObject tanımla

MyRender adında bir RenderObject tanımla. paintBounds getter'ını Rect.zero dönecek şekilde, performLayout ve paint metodlarını boş gövdeyle override et. main'de MyRender örneği al ve runtimeType yazdır.

Örnek çözümü göster

import 'package:flutter/rendering.dart';

class MyRender extends RenderObject {
  @override
  Rect get paintBounds => Rect.zero;

  @override
  void performLayout() {
    // layout
  }

  @override
  void paint(PaintingContext context, Offset offset) {
    // paint
  }
}

void main() {
  final render = MyRender();
  print(render.runtimeType);
}

Kendini test et

RenderObject'i extend ederken hangileri override edilir?
- initState ve build
- createElement ve mount
- paintBounds ve performLayout
- createState ve dispose
Cevabı göster

paintBounds ve performLayout — RenderObject abstract olduğundan paintBounds getter'ı ve performLayout metodu override edilmelidir; paint isteğe bağlıdır.

RenderObject extend et

class MyRender extends ____ {

Cevabı göster

class MyRender extends RenderObject {

RenderObject eşleşmeleri

RenderObject

Çizim birimi
layout

Çizim öncesi ölçüm
paint

Ekran çizimi
performLayout

Layout tetikleyici

Sıradaki ders: RenderBox

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler