UISlider ile Renk Paleti

Herkese merhaba. Bugün UISlider ile renk paleti yapacağız. Slider’daki anlık değer değişikliklerini yakalayacağız. 😊 Uygulamamıza başlamadan önce UISlider hakkında ön bilginizin olması gerekmektedir. UISlider hakkında bilgi almak için aşağıdaki linkten dersimize ulaşabilirsiniz. 🤗

UISlider

Hadi Başlayalım

UIView, UILabel, UISlider, UIButton elementlerimizden oluşan uygulamamızın tasarımını aşağıdaki gibi yapalım.

Uygulamamızın tasarımını yaptık.

Storyboard’da UIView üzerine tıklayalım. Key Path içerisine ‘+’ simgesine tıklayarak;

layer.borderWidth | Type: Number | Value: 1
layer.cornerRadius | Type: Number | Value: 10

değerlerini girelim.

UIView için Key Path değerlerini girdik.

Aynı şekilde Button’a tıklayalım. Key Path içerisine ‘+’ simgesine tıklayarak;

layer.cornerRadius | Type: Number | Value: 10

Button için Key Path değerini girdin.

Tasarımımızı yaptık ve kodlamaya geçelim.

UISlider’ların Min. Track Rengi

Min. Track rengini değiştirmek istediğiniz Slider’ı seçerek Show the Attributes Inspector sekmesinden Min. Track renigini değiştirebilirsiniz.

Slider min. track rengini ayarladık.

Kodlayalım

UIView, UISlider, UILabel, UIButton elementlerini kodlarımıza tanımlayalım.

UI Elementlerimizi tanımladık.

UISlider elementlerimizi IBAction olarak tanımlayalım.

UISlider elementlerimizi IBAction olarak tanımladık.

Kod Bloğumuzun Tamamı

Kod bloğumuzun tamamı.

Uygulamamızı Çalıştıralım

Uygulamamızı test ettik.

Uygulumamız başarıyla çalışıyor. Bir yazımızın daha sonuna geldik. Proje dosyamıza aşağıdaki GitHub linkinden ulaşabilirsiniz. 🤗
İyi çalışmalar dilerim. 🤗

TurkishKit/UISliderRenkPaleti