SwiftUI ile Button kullanımı

Merhabalar bu yazımda SwiftUI ile Button kullanımını sizlerle paylaşacağım. Uygulamalarımızda en çok kullandığımız elementlerden olan Buttonları SwiftUI yapısı ile nasıl aksiyon verip, tasarım yapabileceğimizi ve basit bir animasyon işleminin nasıl gerçekleşeceğini aşağıda vereceğim örnek ile göreceksiniz.

Button sınıfı 2 adet closure parametresi almakta. İlk olarak aksiyon, diğerinde ise Button yapısının tasarımsal işlemlerini halledebilirsiniz.

import SwiftUI
import PlaygroundSupport

struct CustomView:View {
    
    @State private var detail = false
    
    var body: some View {
        Button(action: {
            withAnimation {
                self.detail.toggle()
            }
        }) {
            HStack {
                Image(systemName: "chevron.right.circle")
                .imageScale(.large)
                .rotationEffect(.degrees(detail ? 90 : 0))
                .scaleEffect(detail ? 1.5 : 1)
                .foregroundColor(Color.white)
                Text("Go")
                .color(Color.white)
                }.frame(width: 200, height: 50)
            .background(Color.gray)
            .cornerRadius(10)
        }
    }
}

PlaygroundPage.current.liveView = UIHostingController(rootView: CustomView())

Bunların yanı sıra Xcode 11 ile birlikte gelecek 1500 adet system iconlarını uygulamanız içinde rahatlıkla kullanabileceksiniz. Böylece sürekli olarak icon arayıp uygulamanıza eklemenize gerek kalmayacak. SF Symbols adı verilen icon setinin özelleştirilebilir ve uygulamaya göre adapte olması ve bir çok özellikleri bulunmakta. Link üzerinden detaylara ulaşabilir ve SF Symbols uygulamasının Beta sürümünü indirip, icon isimlerini ve tasarımlarını görebilir, uygulamanız içerisinde kullanabilirsiniz.