İçeriğe geç

Etiket: shadow

SwiftUI 4 ile Gradient ve Shadow kullanımı

Merhabalar, bu yazımda SwiftUI 4 ile birlikte yenilenen ve kolaylaştırılan shadow ve gradient ekleme işlemini sizlerle paylaşacağım.

struct GradientShadowExample: View {
    var body: some View {
        Image(systemName: "star.fill")
            .frame(width: 150, height: 150)
            .background(in: RoundedRectangle(cornerRadius: 8))
            .backgroundStyle(.orange.gradient)
            .foregroundStyle(.white.shadow(.drop(radius: 1, y: 3)))
            

SwiftUI ile Neumorphic tasarım kullanımı

Merhabalar bu yazımda SwiftUI ile birlikte yeni tasarım trendi olabilecek Neumorphic tasarım trendine uygun bir nesne oluşturmayı göstereceğim.

Neumorphic tasarımdan kısaca bahsetmek gerekirse, nesnelere gölge vererek boyut kazandırmaktır. Bu işlem gerçekleştirilirken temiz ve dikkat çekici nesneler oluşturulabilinir. Bu konu hakkında …

SwiftUI ile overlay kullanımı

Merhabalar bu yazımda SwiftUI ile overlay fonksiyonunun kullanımından bahsedeceğim.

Bir önceki yazımda bahsettiğim .mask fonksiyonuna benzer olarak oluşturduğunuz view üzerine kaplama işlemi yapar. Yani basit bir örnek vermek gerekirse oluşturduğunuz Image nesnesi üzerinde Text kaplaması yapabilirsiniz. Veya bir Image nesnesine …

SwiftUI ile Gradient kullanmak

Merhabalar bu yazımda SwiftUI ile birlike uygulamalarınızda kolay bir şekilde Gradient nesneler oluşturmayı göstereceğim.

Material tasarım anlayışı ile birlikte yükselişe geçen gradient renk kullanımı, günümüzde hala yoğun bir şekilde devam etmek. Uygulamalara arka fon veya elementlerde dikkat çekici, güzel bir …

Copyright © 2022 Kenan Atmaca