Popover mit Zusatzinformationen

Beschreibung

DemonstriertDiese eineView verfeinertezeigt Popover-Positionierungeinen mithilfeButton, der beim Anklicken ein Popover mit zusätzlichen Informationen öffnet. Das Popover erscheint unterhalb des Buttons und verschwindet wieder, sobald es geschlossen wird.

🔍 Zweck

• Anzeige von attachmentAnchorKontextinformationen undohne arrowEdge.neuen Bildschirm
• Darstellung von Hilfetexten oder Tooltips
• Schnelle Einsicht in Details zu einem Element
• Aufbau kompakter UI-Komponenten mit Zusatzinfos
• Prototyp für kontextabhängige Popups

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

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

struct ContentView: View {
    // Track if popover is visible
    @State private var showPopover = false

    var body: some View {
        Button("Show Info") {
            // Toggle popover visibility
            showPopover.toggle()
        }
        .popover(
            isPresented: $showPopover,
            attachmentAnchor: .point(.bottom),
            arrowEdge: .top
        ) {
            // Content inside the popover
            Text("This is additional information in a popover.")
                .padding()
                .frame(width: 200)
        }
        .padding()
    }
}

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