AnimationController

AnimationController ile animasyonu denetlemeyi öğrenirsin.

AnimationController nedir?

AnimationController, animasyonun süresini, ilerlemesini ve başlatılmasını denetleyen nesnedir. vsync parametresi gerektirir; bu yüzden State sınıfı SingleTickerProviderStateMixin ile kullanılır. duration ile süreyi, forward ile başlatırsın.

class _MyState extends State<MyWidget> with SingleTickerProviderStateMixin {
  late AnimationController ctrl;

  @override
  void initState() {
    ctrl = AnimationController(
      vsync: this,
      duration: const Duration(seconds: 1),
    );
    super.initState();
  }
}

dispose ve repeat

AnimationController bellek sızıntısını önlemek için dispose metodunda kapatılmalıdır. repeat ile sürekli döngü, reverse ile geriye doğru çalıştırabilirsin. Değeri 0.0 ile 1.0 arasında bir double'dır.

@override
void dispose() {
  ctrl.dispose();
  super.dispose();
}

Uygulama AnimationController oluştur

_EmptyVsync adında TickerProvider uygulayan bir sınıf tanımla. main içinde AnimationController oluştur (vsync: _EmptyVsync(), duration 1 saniye) ve value değerini yazdır.

Örnek çözümü göster

import 'package:flutter/material.dart';

class _EmptyVsync implements TickerProvider {
  @override
  Ticker createTicker(TickerCallback onTick) => Ticker(onTick);
}

void main() {
  final controller = AnimationController(
    vsync: _EmptyVsync(),
    duration: Duration(seconds: 1),
  );
  print(controller.value);
  controller.dispose();
}

Kendini test et

AnimationController'ın vsync parametresi ne işe yarar?
- Widget boyutu verir
- Her frame'de animasyonu senkronize günceller
- Çizim yapar
- Renk belirler
Cevabı göster

Her frame'de animasyonu senkronize günceller — vsync, AnimationController'a her frame'de güncellenmesi için bir TickerProvider sağlar; bu da akıcı animasyon üretir.

vsync parametresini ekle

ctrl = AnimationController(
  ____: this,
  duration: const Duration(seconds: 1),
);

Cevabı göster

ctrl = AnimationController(
  vsync: this,
  duration: const Duration(seconds: 1),
);

AnimationController parçaları

AnimationController

Animasyonu denetler
vsync

Frame sağlayıcı
SingleTickerProviderStateMixin

vsync kaynağı
forward

Animasyonu başlatır

Sıradaki ders: Tween ve CurvedAnimation

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler