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()
}
}