Swift Gradient View ve Label Oluşturma

Swift ile view ve label’ımızda nasıl gradient renkler kullanabileceğimizi göreceğiz. Yapılacaklar aslında oldukça basit. Vakit kaybetmeden yapalım 🙂

Nasıl mı Yapılır?

  • İlk olarak boş bir view oluşturalım ister kod ile yapın isterseniz interface builder yardımıyla yapın.
  • Bir CAGradientLayer() oluşturun.
  • Oluşturduğumuz CAGradientLayer()’ın color özelliğine array halinde UIColor türünde renklerimizi ekliyoruz.
  • Şimdi CAGradientLayer()’ımıza bir başlangıç ve bitiş noktası vereceğiz. Bu noktalar CGpoint tipinde olup ben 0.0’da başlatıp 1.0’a bitiriyorum. Yani soldan sağa oluyor.
  • Şimdi CAGradientLayer()’ımızın layer özelliğine alt layer olarak oluşturmuş oladuğumuz view’u ekliyoruz.
  • Son olarak CAGradientLayer()’ı alıp view’umuza ekliyoruz.

Nasıl mı görünüyor?

View’umuzun son hali

Şimdi de Label Oluşturalım

Label oluşturmak için yine yukardaki view’umuzu kullanacağız.

Adımlar ise şu şekilde

  • Bir label oluşturup textini, fontunu vs ayarlayın.
  • Şimdi Label’ımızın arkaplanı için bir view oluşturun.
  • Yukardaki oluşturmuş olduğumuz CAGradientLayer()’a label’ı subview olarak ekleyelim.
  • Yukardaki view’umuzu tekrar kullanacağız ancak tek fark o view’u ana view’umuza eklemeyeceğiz.
  • Şimdi oluşturmuş olduğumuz yeni view’u ana view’umuza ekleyelim.
  • Yeni view’umuza yukarıdaki CAGradientLayer()’ı ekleyelim.

Yukarısı biraz karışık oldu farkındayım kod ile daha rahat anlaşılır diye düşünüyorum ve kodu bırakıyorum 🙂

Ve sonuç nasıl mı?

Yeni bir yazıda görüşmek üzere sorularınız için aşağıdan ya da iletişim sayfasından bana ulaşabilirsiniz, iyi kodlamalar 🙂

Kaynaklar:
https://medium.com/@kgellci/quickly-apply-gradient-colors-to-text-in-ios-299f7639b514
https://uigradients.com/
https://www.hackingwithswift.com/example-code/calayer/how-to-draw-color-gradients-using-cagradientlayer

Leave a comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

20 − sixteen =