paint metodu

paint metodu ile çizim yapmayı öğrenirsin.

paint metodu

paint metodu, render nesnesini ekrana çizer. İki parametre alır: PaintingContext context çizim bağlamını, Offset offset üst-sol köşenin konumunu verir. Çizim için context.canvas kullanılır.

@override
void paint(PaintingContext context, Offset offset) {
  context.canvas.drawRect(
    offset & const Size(50, 50),
    Paint()..color = Colors.blue,
  );
}

context.canvas

PaintingContext, çizim bağlamını yönetir; context.canvas ile Canvas'a erişirsin. offset, üst ağaçtaki konumu belirtir; çizim koordinatları buna göre kaydırılır.

Uygulama RectBox tanımla

RectBox adında bir RenderBox tanımla. performLayout'ta size = constraints.constrain(const Size(100, 50)) ata. paint'te context.canvas.drawRect çağır: rect offset & const Size(100, 50), paint Paint()..color = Colors.blue. main'de RectBox örneği al, runtimeType yazdır.

Örnek çözümü göster

import 'package:flutter/rendering.dart';
import 'package:flutter/material.dart';

class RectBox extends RenderBox {
  @override
  void performLayout() {
    size = constraints.constrain(const Size(100, 50));
  }

  @override
  void paint(PaintingContext context, Offset offset) {
    context.canvas.drawRect(
      offset & const Size(100, 50),
      Paint()..color = Colors.blue,
    );
  }
}

void main() {
  final box = RectBox();
  print(box.runtimeType);
}

Kendini test et

paint metodunun imzası nedir?
- void paint(Widget w)
- void paint(PaintingContext context, Offset offset)
- void paint(BuildContext ctx)
- void paint(Paint p)
Cevabı göster

void paint(PaintingContext context, Offset offset) — paint imzası void paint(PaintingContext context, Offset offset)'tir; context.canvas çizim yüzeyini, offset üst-sol köşeyi verir.

context.canvas kullan

context.____.drawRect(rect, paint);

Cevabı göster

context.canvas.drawRect(rect, paint);

paint metodu eşleşmeleri

paint

Çizim metodu
context

Çizim bağlamı
offset

Üst-sol köşe konumu
canvas

Çizim yüzeyi

Sıradaki ders: Özet - Özel render

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler