Swift'te Pop Up Animasyonu ­čĹĘ­čĆ╗ÔÇŹ­čĺ╗

by Kevin Ku

Nedir bu Pop Up ?

Benim ┼ču aralar ├╝zerinde ├žal─▒┼čt─▒─č─▒m proje

┼×├Âyle ki yanda g├Ârebilece─čimiz gibi ho┼č g├Âr├╝nen bir animasyon. Bu animasyonu uygulaman─▒z─▒n her alan─▒nda kullanmak m├╝mk├╝n. Burada uygulaman─▒z─▒n neresinde kullanaca─č─▒n─▒z size kalm─▒┼č.

TEK SINIR HAYAL┬áG├ťC├ťN├ťZ!

─░┼čte Ba┼čl─▒yoruz

─░lk olarak yeni bir View ControllerÔÇÖa ihtiyac─▒m─▒z var. View ControllerÔÇÖ─▒m─▒z─▒ interface builderÔÇÖda yerle┼čtirdikten sonra bu ekrana bir Visual Effect View ekleyelim ve constraintÔÇÖleri ekleyelim.

ÔÇö Constrainler┬á; 0 x 0 x 0 x 0

Ayr─▒ca Visual Effect View ├Âzelliklerinden Blur Style k─▒sm─▒ndan benim gibi koyu se├žene─či se├žebilirsiniz.

Ard─▒ndan Visual EffectÔÇÖimizin ├╝st├╝ne bir UIView ekleyelim. Bu view bizim pop up ekran─▒m─▒z─▒n alan─▒n─▒ olu┼čturacak.

┼×imdi geldik bu beyaz Pop Up ViewÔÇÖa constraintÔÇÖlerin verilmesine.

Geri kalan sadece pop up viewÔÇÖ─▒ kendinizce s├╝slemek veya gerekli elementleri yerle┼čtirmek.

S─▒ra Kodlamada

Beyaz Pop Up ViewÔÇÖa ekledi─čimiz yatay constraintÔÇÖi View ControllerÔÇÖ─▒n s─▒n─▒f─▒na gidip ViewDidLoad fonksiyonu i├žerisinde a┼ča─č─▒daki say─▒ya e┼čitliyoruz.

override func viewDidLoad() {
super.viewDidLoad()
// De─čerini b├╝y├╝k bir say─▒ya e┼čitlememizin sebebi:
// Ba┼člang─▒├žta ortaya gelecek olan beyaz kart─▒n ekran─▒n d─▒┼č─▒nda ba┼člamas─▒d─▒r.
popUpViewCenyerYConstraint.constant = 750.0
}

Bir de ekran geldikten sonra animasyonumuzu olu┼čturacak kod dizinizi yazal─▒m.

override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(true)
// Beyaz 'popup' ortalama de─čerini 0'a e┼čitler. (Hen├╝z bir animasyon yok)
popUpViewCenyerYConstraint.constant = 0.0
// Beyaz popup'─▒n ekranda ortalanmas─▒ s├╝recini anime eder.
UIView.animate(withDuration: 0.5, delay: 0.5, usingSpringWithDamping: 0.5, initialSpringVelocity: 0.5, options: [], animations: {
self.view.layoutIfNeeded()
}, completion: nil)
}

Pop Up animasyonumuz tamamland─▒! ─░ste─činize g├Âre animasyon h─▒zlar─▒n─▒ d├╝zenleyebilmeniz m├╝mk├╝n. Ayr─▒ca Pop UpÔÇÖ─▒n nerede duraca─č─▒n─▒ da d├╝zenleyebilirsiniz.

Sadece rakamlarla oynay─▒n ve g├Âr├╝n! Bu ┼čekilde g├Ârsel haf─▒zan─▒z─▒ kullanarak kodlar─▒ ├Â─črenmenizi keyifli bir hale getirebilir ve kolayla┼čt─▒rabilirsiniz.( En az─▒ndan benim i├žin ├Âyle ­čśů)

Bir sonraki yaz─▒mda g├Âr├╝┼čmek ├╝zere ­čĹő ─░yi kodlamalar ­čĹĘ­čĆ╗ÔÇŹ­čĺ╗

Yard─▒mc─▒ olmas─▒ i├žin proje dosyas─▒n─▒da buraya b─▒rakt─▒mmm ­čśë

https://mega.nz/#!CoVV3CIA!EEu8kvKO5pw1weJE7abACrykC2wIr78iSuFyeImk4r8