Tween
- Flutter kursu
- Orta seviye
- Ders 77/99
- 4 dk
Tween ile başlangıç ve bitiş değerleri arası geçiş öğrenirsin.
Tween nedir?
Tween, başlangıç (begin) ve bitiş (end) değerleri arasında geçiş yapmak için kullanılır. transform metodu 0.0 ile 1.0 arası bir t değeri alır ve begin ile end arasındaki karşılık gelen değeri döndürür.
final tween = Tween<double>(begin: 0, end: 100);
print(tween.transform(0.5)); // 50.0t=0.0 begin değerini, t=1.0 end değerini verir.
transform metodu
transform metodu, 0.0 ile 1.0 arası bir t değeri alır. t=0.0 begin değerini, t=1.0 end değerini, t=0.5 ise ikisinin ortasını döndürür. Böylece animasyonun her karesinde uygun değeri hesaplayabilirsin.
final t = Tween<double>(begin: 0, end: 100);
print(t.transform(0.0)); // 0.0
print(t.transform(1.0)); // 100.0
print(t.transform(0.5)); // 50.0Uygulama Tween ile değer hesapla
Tween<double> tanımla: begin 0, end 100 olsun. transform(0.5) ile ortadaki değeri hesapla ve print ile yazdır.
Başlangıç kodu
import 'package:flutter/material.dart';
// Tween<double> ile geçiş nesnesi tanımla
// başlangıç değeri 0, bitiş değeri 100 olsun
// t=0.5 için transform çağrısı yap
// sonucu yazdır
void main() {
}Örnek çözüm
import 'package:flutter/material.dart';
void main() {
final tween = Tween<double>(begin: 0, end: 100);
print(tween.transform(0.5));
}Beklenen çıktı
50.0
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Tween'in hangi parametresi bitiş değerini belirtir?
- end Doğru cevap
- t
- begin
- transform
Açıklama: end parametresi bitiş değerini belirtir. begin başlangıç değeridir, transform değer hesaplama metodudur, t ise transform'a verilen 0.0-1.0 arası kesirdir.
2 Tween tanımı
final tween = ____<double>(begin: 0, end: 100);final tween = Tween<double>(begin: 0, end: 100);Açıklama: Tween, başlangıç ve bitiş değerleri arasında geçiş yapan sınıftır. Animation bir animasyon nesnesidir, Container bir widget'tır, Curve ise zamanlama eğrisidir; bunlar değer geçişi yapmaz.
3 Tween parçaları
| Kavram | Anlamı |
|---|---|
Tween |
geçiş sınıfı |
begin |
başlangıç değeri |
end |
bitiş değeri |
transform |
değer hesaplama metodu |