Kontextmenü mit Vorschau für Symbol

Beschreibung

Diese View zeigt ein SF Symbol, das beim langen Drücken ein Kontextmenü öffnet. Das Menü enthält eine Favoritenaktion und zeigt eine individuelle Vorschau mit Text und hervorgehobener Hintergrundfarbe.

🔍 Zweck

• Schnelles Auslösen kontextbezogener Aktionen an Icons
• Vorschauinhalte für bessere Orientierung vor einer Aktion
• Prototyping von Kontextmenüs in Detail oder Listenansichten
• Ergänzung von Sekundäraktionen ohne UI Überladung
• Demo für contextMenu mit benutzerdefiniertem Preview

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

@main
struct ContextMenuPreviewApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

public struct ContentView: View {
    public init() {}

    public var body: some View {
        // Tappable icon that presents a context menu on long press
        Image(systemName: "star.fill")
            .resizable()
            .scaledToFit()
            .frame(width: 100, height: 100)
            .foregroundStyle(.yellow)
            .accessibilityLabel("Star icon")
            .contextMenu {
                // Primary action offered inside the context menu
                Button("Favorite") {
                    // Replace with actual favorite logic
                    print("Favorited")
                }
            } preview: {
                // Custom preview shown above the menu
                Text("This is a star icon")
                    .padding()
                    .background(Color.yellow)
                    .cornerRadius(10)
            }
            .padding()
    }
}

// Modern Swift 5.10+ preview syntax
#Preview {
    ContentView()
}