Press "Enter" to skip to content

iOS’de Animasyon Kullanımı

Halil Özel 0

Merhabalar Arkadaşlar,

Bugünkü yazımda sizlere projelerinizde kullanabileceğiniz Animasyonlardan bahsedeceğim. Haydi zaman kaybetmeden başlayalım 🙂

Animasyon kısaca “Nesnelere değişik karelerin birbirleri ardına oynatılmaları suretiyle hareket verilmesidir.”

Örneğimizde 1 adet gif türünde bir dosya bulup onu tek tek karelere dönüştürüp uygulamamıza ekleyip eğlenceli işler yapacağız.

Öncelikle gif dosyası bulmak için https://giphy.com sitesine gidip istediğiniz gif dosyasını seçebilirsiniz. Ben linkte bulunan gif dosyasını aldım : https://giphy.com/gifs/friends-joey-how-you-doin-3og0IQCfsZXScpvKhi

Beğendiğiniz Gif’in linkini kopyalıyoruz. Bu gif dosyasını tek tek resimlere ayırması için bu siteden yararlanıyoruz : https://ezgif.com/split/ezgif-2-6c1c5a76db0d.gif

Convert işlemleri tamamlandıktan sonra .zip halindeki dosyayı indirip, içerisinde bulunan resimleri projemize ekliyoruz.

Benim seçtiğim gif dosyasında çok kare olduğu için bir dosyanın içinde toparlama yaptım. Daha derli toplu gözüküyor sizlerede öneririm 🙂


Bu işlemleri tamamladıktan sonra tasarım kısmına geçebiliriz.

Tasarım ekranımızda gifleri gösterebilmek için 1 adet image, 4 adet ise button koyduk. Bu elemanları ViewController.swift dosyasında IBOutlet ve IBAction türlerinde tanımlamaları yapıldı.

Resimler için bir sayaç oluşturduk. Sayaç verilen zaman diliminde artmaktadır. image ve button adında IBOutlet değişkenleri tanımlandı. Timer sınıfından bir nesne tanımlandı. Animasyonun çalışıp çalışmadığını kontrol edebilmek için bool türünde bir değişken tanımlandı.

Butona tıklanınca resimler anlık değişmesi için bir fonksiyon oluşturuldu. Eğer bool değeri false ise : timer’ı geçersiz yap, durdur. Butonun başlığını değiştir ve bool değerini false olarak bırakıyoruz.

Bool değeri true ise :  timer her 0.07 saniyede kendi kendine resimleri ekranda gösterecek. Bu işleri yönetebilmek için bir fonksiyon yazdık. Butonun başlığını ve bool değerini değiştirdik.

animate adındaki bu fonksiyon resimlerin adlarına göre artarda resimleri değiştirme işlemi yapıyor. Son resime ulaşılınca counter sıfırlanıp tekrardan aynı işlemler yapılmaya başlanır. Bu işlemlerden sonra artık projemizi kusursuz bir şekilde oynatabiliriz.


Bonuslar

Birçok resim uygulamasında kullanılan üç tip özelliğide aşağıdaki kodlardan inceleyebilirsiniz.

  • fadeIn : Anlık gözüküp kaybolması
  • slideIn : Dışarıdan içeriğe doğru gelen resim
  • Grow : Sıfırdan verilen değere kadar resmin büyütülmesi

Evet Arkadaşlar Animasyonların kısaca ne olduğundan bahsedip, Animasyonlarla ilgili bir örnek yaptık. Bir sonraki blog yazımda görüşmek üzere kendinize dikkat edin 🙂 

    Bir cevap yazın

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