Ausklappbares Karten Beispiel

Beschreibung

Dieses Beispiel zeigt, wie du mit SwiftUI eine sogenannte „Expanding Card“ implementieren kannst. Die Karte kann durch einen Button vergrößert oder verkleinert werden, wobei eine federnde Animation für ein flüssiges Nutzererlebnis sorgt. Diese Technik ist ideal für Benutzeroberflächen, bei denen Informationen in kompakten Karten präsentiert und bei Bedarf erweitert werden sollen.

🔍 Zweck

Der Zweck dieses Beispiels ist es, zu demonstrieren, wie du in SwiftUI einen interaktiven View erstellst, dessen Größe sich animiert verändern lässt. Dies ist besonders nützlich für Dashboards, Info-Karten oder Inhaltsvorschauen, die auf Interaktion reagieren sollen.

📄 Codebeispiel

import SwiftUI

struct ExpandingCardExample: View {
    @State private var isExpanded = false

    var body: some View {
        VStack {
            RoundedRectangle(cornerRadius: 12)
                .fill(Color.blue)
                .frame(height: isExpanded ? 200 : 80)
                .animation(.spring(), value: isExpanded)

            Button("Toggle") {
                isExpanded.toggle()
            }
        }
        .padding()
    }
}