Hızlı Swift: Arayüz Elemanlarına Kenarlık Ekleme

Küçük bir Swift eklentisi ile arayüz elemanlarınıza Storyboard üzerinde kenarlık ekleyebilirsiniz.

Uygulamamızda kullandığımız arayüz elemanlarına normalde Storyboard üzerinden kenarlık ekleyemeyiz. Ancak @IBInspectable özelliğini kullanan birkaç satır sayesinde bunu kolayca yapabiliriz!

extension UIView {
    // MARK: - Properties
    @IBInspectable var borderWidth: CGFloat {
        get {
            return layer.borderWidth
        }
        set {
            layer.borderWidth = newValue
        }
    }
    
    @IBInspectable var borderColor: UIColor? {
        get {
            return UIColor(cgColor: layer.borderColor!)
        }
        set {
            layer.borderColor = newValue?.cgColor
        }
    }
}

Bu eklentiyi yazdıktan sonra, Storyboard üzerinde bir arayüz elemanını seçtiğinizde “Border Radius” ve “Border Color” seçeneklerini görebilirsiniz.

Storyboard üzerinden kenarlık özelliklerini ayarlıyoruz.

Küçük bir bilgi 😉

Bu eklentiyi UIView sınıfının üzerine yapmamız, bu sınıfın alt sınıfı olan UIImageView ve UIButton gibi bütün arayüz elemanlarına kenarlık ekleyebilmemizi sağlıyor.

Bu özellikler üzerindeki değişiklikler Storyboard üzerinde görünmeyecektir, ancak uygulamanızı çalıştırdığınızda arayüz elemanınıza kenarlık eklendiğini görebilirsiniz.

Buradaki butona kolayca kenarlık ekledik!

Böylece küçük bir eklenti sayesinde uygulamanızdaki neredeyse tüm arayüz elemanlarına kod yazmadan kenarlık ekleyebilirsiniz! 🚀 Hepinize iyi kodlamalar!

Bizi daha yakından takip etmek istiyorsanız, sosyal medya hesaplarımıza aşağıdan ulaşabilirsiniz.

Twitter | Instagram | Facebook