UIButton Configuration

UIButton.Configuration ile Buton Özelleştirmenin Gücü

Ufuk Köşker
TurkishKit
3 min readMay 11, 2024

--

Button, iOS uygulamalarında temel bir öğedir. UIKit kullanarak bir uygulama geliştiriyorsanız, muhtemelen buton oluşturmak için UIButton sınıfını kullanırsınız. Bir buton oluşturmak basit bir süreçtir, ancak özelleştirmeler devreye girdiğinde istediğiniz sonuca ulaşmak zor olabilir. Birçoğumuz bunu yaşadık ve bu konuda çözümler aradık. Yalnız değilsiniz. Neyse ki, iOS 15.0 bize UIButton.Configuration kullanarak butonları özelleştirmeyi çok daha kolay hale getiriyor. Başlayalım!

UIButton’da Yapılandırma Çeşitleri

UIButton.Configuration dört farklı türde gelir: plain, filled, gray, and tinted. Bu makalede, sadece filled yapılandırmaya odaklanacağız. Diğer yapılandırmaları denemeniz için size bırakıyorum.

var configuration = UIButton.Configuration.filled()

UIButton’da Title Ayarlama

Bir title ayarlamak, yapılandırmanın title özelliğini kullanarak yapılır.

configuration.title = "Start download"

UIButton’da Subtitle Ayarlama

Yine, bir alt başlık ayarlamak için yapılandırmanın subtitle özelliğini kullanabiliriz. Configuration API olmadan alt başlık ayarlamak zor olurdu.

configuration.subtitle = "(Downloads a random image)"

UIButton Üzerine Image Ekleme

Button’a bir görüntü eklemek ve özelleştirmek artık çok kolay. Burada dikkat edilmesi gereken önemli bir nokta, görüntünün dilin yönünü dikkate almasıdır.

configuration.image = UIImage(systemName: "arrow.down.square.fill")

UIButton Üzerindeki Image ve Title Arasındaki Boşluk Ayarı

UIButton yapılandırması, bir görüntü ile düğme arasında bir boşluk ayarlamayı kolaylaştırır.

configuration.imagePadding = 20

UIButton’da Image’in Konumunu Değiştirme

imagePlacement özelliği favorimdir. iOS 15.0 öncesinde, yalnızca bir görüntünün konumunu değiştirmek için bir UIButton’da birçok kötü hack yazdım. imagePlacement özelliği aşağıdaki seçenekleri destekler: leading (ön), trailing (arka), top (üst) veya bottom (alt).

Bu makalede, UIButton.Configuration’un temel özelliklerini inceledik ve butonları özelleştirmenin modern ve etkili yollarını keşfettik. UIButton.ConfigurationUpdateHandler hakkında daha fazla bilgi için ayrı bir makaleyi bekleyin.

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

Twitter | Instagram | Facebook

--

--