Wo finde ich alle Systemabbilder, die in den SFSymbols verfügbar sind? Zum Beispiel im SwiftUI- Image
Initialisierer Image(systemName:)
?
Ich habe nur "chevron"
und "star.fill"
bis jetzt verwendet, wie in Apples SwiftUI-Tutorial-Serie entdeckt. Ich konnte jedoch in keiner offiziellen Dokumentation eine vollständige Liste der Symbole finden.
ios
xcode
macos
sf-symbols
LinusGeffarth
quelle
quelle
Antworten:
Diese Symbole werden als SF-Symbole bezeichnet . Es gibt über 2.400 Symbole, die Sie in iOS 13 und höher, macOS 11 und höher, watchOS 6 und höher und tvOS 13 und höher verwenden können. Sie können ein Symbol überall dort verwenden, wo Sie ein Bild verwenden können.
Laden Sie die SF Symbols-App herunter , um alle Symbole zu durchsuchen . Weitere Informationen zu SF-Symbolen finden Sie hier .
SF Symbols 2 führt über 750 neue Symbole ein und enthält:
Verwendung
UIKit:
let heartImage = UIImage(systemName: "heart.fill")
SwiftUI:
let heartImage = Image(systemName: "heart.fill")
quelle
Sie können SF-Symbolbilder in SwiftUI verwenden
Image(systemName: "person")
Download-Link: https://developer.apple.com/design/resources/
quelle
Die App von
Apple hat eine spezielle App für dieses Symbol namens SF Symbol. Sie sollten die neueste Version von hier herunterladen, um den vollständigen Satz von Symbolen zu durchsuchen.
Wichtige Notiz
Sie sollten immer bei der App bleiben, um neue Symbole für die Vorschau , den Export und den Genuss zur Verfügung zu haben.
Rückwärtskompatibilität.
Wenn Sie neue Symbole verwenden müssen, wie die neuen mehrfarbigen, die in SF Symbols 2.0 für iOS 14 und höher eingeführt wurden, können Sie diese über die App selbst exportieren und als Assets in das Projekt importieren. Schritt 1 und 2 dieser Antwort zeigen, wie Sie Symbole exportieren können, um sie für ältere iOS-Versionen zu verwenden
quelle
Angenommen, Sie haben Xcode installiert, können Sie auch eine Vorschau aller Bilder anzeigen, ohne eine separate App herunterladen zu müssen.
Der Trick ist, dass Sie sie in einem Storyboard anzeigen müssen, nicht in einem SwiftUI-Canvas.
Fügen Sie Ihrem Storyboard eine UIImageView hinzu und drücken Sie den Dropdown-Pfeil neben Image. Sie sehen die gesamte Liste der von Apple bereitgestellten Bilder:
Kopieren Sie den Namen eines Bildes und verwenden Sie ihn dann wie andere oben erwähnte Antworten:
Image(systemName: "square.and.arrow.up")
quelle
Schauen Sie sich dieses Swift-Paket SFSafeSymbols an
Sie können über eine Aufzählung auf alle SF-Symbole zugreifen
static func getRandomSFSymbol() -> SFSymbol { return SFSymbol.allCases.randomElement() ?? SFSymbol.xCircle }
quelle
Hier finden Sie auch alle Namen:
https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/
quelle