Skip to main content

Beispiel für ein Icon-basiertes Menü mit Menu und System-Icons

Beschreibung

Dieses SwiftUI-Codebeispiel zeigt, wie ein einfaches Menü mit Symbolen (System-Icons) und verschiedenen Aktionen in einer iOS-App implementiert wird. Das Menü erscheint als Icon und enthält Buttons für verschiedene Aktionen, z. B. „Teilen“ und „Löschen“.

🔍 Zweck

Der Zweck dieses Beispiels ist es, zu demonstrieren, wie du mit SwiftUI das Menu-Element zusammen mit System-Icons (systemImage) nutzt, um ein aufgeräumtes und intuitives Aktionsmenü zu erstellen.
Dieses Pattern ist besonders geeignet für Toolbars oder kontextbezogene Aktionen, bei denen Platz gespart werden soll und eine moderne Nutzererfahrung gewünscht ist.

📄 Codebeispiel

import SwiftUI

struct IconMenuExample: View {
    var body: some View {
        Menu {
            // Button for sharing, uses system icon and prints "Shared" when tapped
            Button("Share", systemImage: "square.and.arrow.up") { print("Shared") }
            // Button for deleting, uses system icon, destructive role and prints "Deleted"
            Button("Delete", systemImage: "trash", role: .destructive) { print("Deleted") }
        } label: {
            // Menu is represented by an ellipsis icon
            Image(systemName: "ellipsis.circle")
                .font(.title)
        }
        .padding()
    }
}