iOS Bottom Sheet Kullanımı

The English version is available on here.

2019 Mart’ında dating app’i geliştiriyordum. Haziran ayında ikinci versiyonu için tasarım arayışındayken karşılaştığım tasarımı uygulamaya aktarışımı sizlerle paylaşmak istedim. O zamanlarBir başka yazıda oradan edindiğim deneyimleri ve nasıl ilerlediğimi anlatırım. Şu aralar üzerine çalıştığım uygulamada da aynı tasarımı kullanırken böyle bir yazı yazmaya karar verdim.

Dribble’da op7418 ‘in tasarladığı tasarım bu şekildeydi. Bunun üzerinde biraz daha çalışıp aslında profil detay sayfasından ziyade eşleştirme ekranına dönüştürmem gerekiyordu. Tasarım üzerine konuşmaktan ziyade Yukarı kaydırılabilir view üzerine konuşacağım. Aslında kolayca harici kütüphaneleri ekleyip kullanabiliceğiniz kütüphaneler mevcut. Fakat o zaman burada paylaşabileceğim bir yazı mevcut olmayacaktı. 😅

Altta gözüken kaydırılabilir view aslında subview olarak eklenmiş bir child view. Burada tek yaptığım onu ana ekranda gözükecek kısmını ayarlamaktı.

İlk olarak yaptığım Pan Gesture eklemekti. Çünkü elimizin hareketiyle hareket edecek. Tamamen açıldığında y position’ı 100'e gelmesini istediğimden bunu sabitledim. 2 tane move View methodum var. Bir tanesi el hareketi tamamlandığında tetiklenen diğeri ise anlık olarak el hareketime göre view’ı hareket ettirmek için var. UIPanGestureRecognizer alan moveView methodunu incelediğimizde ekranın kısıtladığımız kısımlarında y pozisyonu değiştidiğinde onu hareket ettirecek kod parçasını göreceksiniz.

Projeyi incelemek isterseniz buradan ulaşabilirsiniz.

Şuan üzerinde çalıştığım uygulamamda ise aşağıdaki gibi kullandım.