Tab bar controller, iOS uygulamalarında yaygın olarak kullanılan bir arayüz öğesidir. Ekranın alt kısmında bulunur ve kullanıcıların farklı bölümleri arasında geçiş yapmalarını sağlar. Bu öğe, uygulamanın ana gezinme yapısını oluşturur. Kullanıcılar, farklı sekme seçenekleri arasında gezinerek uygulamanın işlevlerine erişebilirler.
Kullanımı kolay: Kullanıcılar, sekmelere dokunarak uygulamanın farklı bölümlerine kolayca erişebilir.
Sezgisel: Tab bar controller, kullanıcıların uygulamanın nasıl organize edildiğini ve hangi özelliklerin mevcut olduğunu kolayca anlamalarına yardımcı olur.
Çok yönlü: Tab bar controller, farklı türde uygulamalarda kullanılabilir.
Özelleştirilebilir: Tab bar controller’ın görünümü ve işlevi özelleştirilebilir.
Tab Bar Controller’ı Kullanmanın Avantajları:
Kullanıcı deneyimini iyileştirir: Kullanıcıların uygulamanın farklı bölümleri arasında kolayca geçiş yapmalarını sağlayarak kullanıcı deneyimini iyileştirir.
Uygulamayı daha organize hale getirir: Uygulamanın farklı bölümlerini organize etmenin ve kullanıcıların aradıklarını kolayca bulmalarını sağlamanın bir yoludur.
Uygulamayı daha çekici hale getirir: Uygulamanın daha çekici ve kullanımı kolay görünmesini sağlayabilir.
Tab Bar Controller’ı Kullanırken Dikkat Edilmesi Gerekenler:
Çok fazla sekme kullanmaktan kaçının: Çok fazla sekme kullanmak, kullanıcı arayüzünü karmaşık hale getirebilir ve kullanıcıların aradıklarını bulmalarını zorlaştırabilir.
Sekmelerin anlamlı isimler ve simgeler kullanın: Sekmelerin anlamlı isimler ve simgeler kullanması, kullanıcıların hangi sekmenin hangi işlevi gördüğünü kolayca anlamalarını sağlar.
Doğru renkleri kullanın: Tab bar controller’ın renkleri, uygulamanızın genel renk şemasıyla uyumlu olmalıdır.
Tab Bar Controller Kullanan Popüler Uygulamalar
Tab bar controller, iOS’ta yaygın olarak kullanılan bir arayüz öğesidir. Birçok popüler uygulama, kullanıcıların uygulamanın farklı bölümleri arasında kolayca geçiş yapmalarını sağlamak için tab bar controller kullanır.
Get aydinomermurat’s stories in your inbox
Join Medium for free to get updates from this writer.
Bazı popüler örnekler:
Sosyal Medya Uygulamaları:
Facebook: Ana sayfa, haber akışı, bildirimler, profil ve ayarlar arasında geçiş yapmak için tab bar kullanır.
Instagram: Ana sayfa, arama, keşfet, profil ve mesajlar arasında geçiş yapmak için tab bar kullanır.
Twitter: Ana sayfa, bildirimler, arama, trendler ve profil arasında geçiş yapmak için tab bar kullanır.
E-ticaret Uygulamaları:
Amazon: Ana sayfa, kategoriler, sepet, istek listesi ve profil arasında geçiş yapmak için tab bar kullanır.
eBay: Ana sayfa, arama, kategoriler, sepet ve mesajlar arasında geçiş yapmak için tab bar kullanır.
Etsy: Ana sayfa, keşfet, profil, mesajlar ve sepet arasında geçiş yapmak için tab bar kullanır.
Haber Uygulamaları:
BBC News: Ana sayfa, dünya, iş, siyaset, teknoloji ve spor haberleri arasında geçiş yapmak için tab bar kullanır.
CNN: Ana sayfa, dünya, ABD, siyaset, iş, teknoloji ve eğlence haberleri arasında geçiş yapmak için tab bar kullanır.
The Guardian: Ana sayfa, dünya, siyaset, iş, teknoloji, spor ve kültür haberleri arasında geçiş yapmak için tab bar kullanır.
Tab Bar Controller’ı Özelleştirme
Renkler:
tintColor özelliği ile tab bar'ın seçili sekmenin rengini değiştirebilirsiniz.
barTintColor özelliği ile tab bar'ın arka plan rengini değiştirebilirsiniz.
unselectedItemTintColor özelliği ile seçili olmayan sekmelerin rengini değiştirebilirsiniz.
Yazı Tipleri:
font özelliği ile tab bar'daki yazı tiplerini değiştirebilirsiniz.
Simge:
tabBarItem.image özelliği ile her sekme için farklı bir simge belirleyebilirsiniz.
tabBarItem.selectedImage özelliği ile seçili sekmenin simgesini değiştirebilirsiniz.
Sıra:
viewControllers özelliği ile tab bar'daki sekmelerin sırasını değiştirebilirsiniz.
Farklı Tab Bar Controller Stilleri:
iOS Varsayılan Stilleri:
Siyah: Koyu arka plan ve beyaz simgeler.
Beyaz: Beyaz arka plan ve siyah simgeler.
Özel Tasarımlar:
Arka planı bulanıklaştırma: Tab bar’ın arka planını bulanıklaştırarak daha modern bir görünüm verebilirsiniz.
Kendi simgelerinizi kullanma: Kendi tasarladığınız simgeleri kullanarak tab bar’ı daha kişiselleştirebilirsiniz.
Animasyonlar ekleme: Sekme değiştirildiğinde animasyonlar ekleyerek tab bar’ı daha etkileşimli hale getirebilirsiniz.
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() { super.viewDidLoad()
// Tab bar controller oluşturma let tabBarController = UITabBarController()
// Sekmeler için view controller'lar oluşturma let firstViewController = UIViewController() firstViewController.view.backgroundColor = .red
let secondViewController = UIViewController() secondViewController.view.backgroundColor = .blue
// Sekmeleri tab bar controller'a ekleme tabBarController.viewControllers = [firstViewController, secondViewController]
// Pencereye tab bar controller'ı ekleme self.window?.rootViewController = tabBarController }
}
Bu kod, iki sekmeli basit bir tab bar controller örneği oluşturur. İlk sekmenin rengi kırmızı, ikinci sekmenin rengi mavi ve tab bar’ın arka plan rengi beyazdır. İlk sekmenin simgesi bir ev, ikinci sekmenin simgesi ise bir kişidir.
Farklı tab bar stillerini gösteren kod örnekleri:
// Tab bar'ın arka planını bulanıklaştırma tabBarController.tabBar.backgroundBlurEffect = UIBlurEffect(style: .light)
// Kendi simgelerinizi kullanma let myImage = UIImage(named: "myImage") firstViewController.tabBarItem.image = myImage
