İçeriğe geç

SwiftUI ile GroupBox kullanımı

Merhabalar bu yazımda SwiftUI ile GroupBox nesnesinin kullanımını göstereceğim.

SwiftUI içerisinde geliştiricilerin hızlı ve kolay bir şekilde arayüz geliştirmelerini sağlayan elementler ve kolaylıklar mevcut. GroupBox nesnesi ile birlikte hızlı bir şekilde icon başlık ve content içeren bir tasarım kart yapabilirsiniz. Dilerseniz Custom GroupBoxStyle yazarak kartınızı düzenleyebilir ve şekil verebilirsiniz.

Aşağıda yazdığım örneği inceleyebilirsiniz.

struct ContentView: View {
    var body: some View {
        GroupBox(
            label: Label("Steps", systemImage: "flame.fill")
                .foregroundColor(.red)
        ) {
            HStack(spacing: 5) {
                Text("2021")
                    .fontWeight(.bold)
                Text("Steps")
                    .fontWeight(.medium)
                    .foregroundColor(.gray)
            }
        }.groupBoxStyle(PlainGroupBoxStyle())
    }
}

Custom bir GroupBoxStyle yazarak tasarımı düzenleyelim.

struct PlainGroupBoxStyle: GroupBoxStyle {
    func makeBody(configuration: Configuration) -> some View {
        VStack(alignment: .leading, spacing: 5) {
            configuration.label
            configuration.content
        }
        .padding()
        .background(Color.white)
        .clipShape(RoundedRectangle(cornerRadius: 12, style: .circular))
    }
}
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