CustomPaint nedir?

CustomPaint widget'ı ile özel çizim yapmayı öğrenirsin.

CustomPaint nedir?

CustomPaint, Flutter'da standart widget'larla yapılamayan serbest çizimler için kullanılan widget'tır. İçine bir painter ve opsiyonel bir size alır; çizim işini painter nesnesine bırakır. Bir child verirsen çizim onun arkasında görünür.

CustomPaint(
  size: Size(100, 100),
  painter: MyPainter(),
)

Çizilen alan, size ile belirtilen boyuta yayılır.

child ve size ilişkisi

CustomPaint'a child verirsen çizim onun arkasında kalır ve size yoksayılır; child'ın boyutu kullanılır. Child yoksa size çizim boyutunu belirler.

CustomPaint(
  painter: MyPainter(),
  child: Container(width: 80, height: 80),
)

Uygulama CustomPaint widget'ı oluştur

MyPainter sınıfı hazır verilir. main içinde 100x100 boyutlu, MyPainter() kullanan bir CustomPaint oluştur ve print ile tipini yazdır.

Örnek çözümü göster

import 'package:flutter/material.dart';

class MyPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {}

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}

void main() {
  final widget = CustomPaint(
    size: Size(100, 100),
    painter: MyPainter(),
  );
  print(widget.runtimeType);
}

Kendini test et

CustomPaint widget'ında gerçek çizimi kim yapar?
- size parametresi
- BuildContext
- painter parametresindeki nesne
- child parametresindeki widget
Cevabı göster

painter parametresindeki nesne — Çizimi painter parametresine verilen CustomPainter nesnesi yapar; child yalnızca üstte durur, size ise alanı belirler.

painter parametresini ekle

CustomPaint(
  size: Size(50, 50),
  ____: MyPainter(),
)

Cevabı göster

CustomPaint(
  size: Size(50, 50),
  painter: MyPainter(),
)

CustomPaint parçaları

CustomPaint

Serbest çizim widget'ı
painter

Çizimi yapan nesne
size

Çizim alanı boyutu
child

Çizimin üstündeki widget

Sıradaki ders: CustomPainter

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler