En Yeni Konular

Flutter : Opacity ve AnimatedOpacity

Opacity

Flutter’da Opacity widgeti sayesinden widgetlerimizin saydamlık derecesini ayarlayabiliriz.

Kullanım şekli oldukça basit, istediğimiz widgeti Opacity widgeti ile sarmalayıp, opacity özelliğine 0.0 – 1.0 arasında değer girerek ayarlarız.

0.0 görünmez , 1.0 tam görünür.

Opacity Örnek

Örnek gösterim için Text ve FlutterLogo widgetlerini ayrı ayrı Opacity widgetleri ile sarmayalım. Opacity değerlerini Slider ile değiştirip görelim.

Opacity Örnek

AnimatedOpacity

AnimatedOpacity ile sarmaladığımız widgetleri, belirttiğimiz duration(süre) içerisinde opacity değerinin otomatik değişmesini isteyebiliriz.

AnimatedOpacity Örnek

Buton’a bastığımız da AnimatedOpacity ile sarmalanmış widgetimizin opacity’sinin animasyonlu bir şekilde değişmesini isteyelim.

curves kısmına girdiğimiz animasyon geçiş tiplerine linkten bu linkten bakabiliriniz.

AnimatedOpacity

 

Örneğin Tamamı

Hakkında Necip Akgöz

İLGİNİZİ ÇEKEBİLİR

Flutter : SafeArea

BaşlıklarOpacityOpacity ÖrnekAnimatedOpacityAnimatedOpacity ÖrnekÖrneğin Tamamı SafeArea SafeArea Widgeti sayesinde kullandığımız işletim sistemine veya telefona göre, o …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir