UIKit: IBInspectable
IBInspectable var olan bir elemanın Storyboard dosyasından erişilemeyen bir özelliğine erişmemizi sağlayan bir araçtır.
Merhaba sevgili TurkishKit okuyucuları! 👋🏼 Bugün sizlerle IBInscpectable özelliğini kullanarak Storyboard dosyasının içerisindeki elemanların bütün özelliklerini nasıl değiştirebileceğimizi öğreneceğiz. Hazırsanız hemen başlayalım! 🤟🏽
Yazı Önerisi 😍
Makalemize başlamadan önce, IBInscpectable özelliğine benzer olan IBDesignable özelliğini anlattığımız makalemizi aşağıdaki linke tıklayarak okuyabilirsiniz. 👇
IBInspectable Nedir?
IBInspectable var olan bir elemanın Storyboard dosyasından daha önce erişilemeyen bir özelliğine erişmemizi sağlayan bir araçtır.
Bir arayüz elemanının “Identity Inspector” bölümünden tanımlayacağınız yeni değerler sayesinde elemanın daha önce değiştiremeyeceğiniz değerlerini değiştirebilirsiniz.
Açıkçası, bu yöntem işimizi görse de en iyi kullanım olarak sınıflandırılamaz. İlerki başlıkta IBInspectable özelliğini en iyi şekilde nasıl kullanabileceğimizi göreceğiz.
Kodlayalım
Genellikle IBInspectable kullanılacağı zaman yukarıdaki şekilde arayüz elemanlarına değer tanımlamak yerine yeni bir extension oluşturulur. Bu sayede birden çok arayüz elemanında aynı IBInspectable özelliğini kullanabiliriz.
Örnek olarak UIView elemanlarının kenar kalınlıklarını ve renklerini değiştirmek için aşağıdaki kodları yazarız.
extension UIView {
@IBInspectable var borderWidth: CGFloat = 0 {
didSet {
layer.borderWidth = borderWidth
}
} @IBInspectable var borderColor: UIColor? {
didSet {
layer.borderColor = borderColor?.CGColor
}
}
}
Bundan sonra Storyboard dosyasındaki bir arayüz elemanına gelirseniz “Attributes Inspector” bölümünde bu IBInspectable değerlerini görebilirsiniz.
Bir makalemizin daha sonuna geldik. Bu makalemizde IBInspectable ile arayüz elemanlarını nasıl kişiselleştirebileceğimizi/değiştirebileceğimizi öğrendik. Artık uygulamanızdaki arayüz elemanlarını kolayca şekillendirebileceksiniz! 💪🏽
