İçeriğe geç

SwiftUI ile Gradient Text oluşturmak

Merhabalar bu yazımda SwiftUI uygulamalarınızda gradient text yaratmayı göstereceğim.

Bu işlemi SwiftUI ile gerçekleştirmek oldukça kolay. Hızlı ve yararlı bir extension func yazalım ve dilediğimiz yerde kullanalım.

extension View {
    func GradientText(text: String, colors: [Color], font: Font) -> some View {
        Text(text).font(font)
            .foregroundColor(.clear)
            .padding()
            .overlay(
                LinearGradient(gradient: Gradient(colors: colors),
                               startPoint: .topLeading,
                               endPoint: .bottomTrailing).mask(Text(text).font(font).scaledToFill())
            )
    }
}
struct ContentView: View {
    
    var body: some View {
        GradientText(text: "kenanatmaca.com", colors: [.red, .blue], font: .system(size: 30))
    }
}

 

Tarih:SwiftUI

İlk Yorumu Siz Yapın

Bir cevap yazın

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

Copyright © 2020 Kenan Atmaca