Trouver toutes les images disponibles pour Image(systemName :) dans SwiftUI

Question

Où puis-je trouver toutes les images du système qui sont disponibles dans l'initialisateur ? Image(systemName:) ?

J'ai seulement utilisé "chevron" et "star.fill" jusqu'à présent, comme on l'a découvert dans la série de tutoriels SwiftUI d'Apple. Cependant, je n'ai pas été en mesure de trouver une liste complète des icônes dans une quelconque documentation officielle.

Answer 1

Ces icônes sont appelées Symboles SF . Il existe plus de 2 400 symboles que vous pouvez utiliser dans iOS 13 et plus tard, macOS 11 et plus tard, watchOS 6 et plus tard, et tvOS 13 et plus. Vous pouvez utiliser un symbole partout où vous pouvez utiliser une image.

Pour consulter l'ensemble des symboles, Téléchargez l'application SF Symbols . Pour plus d'informations sur les symboles SF, consultez ici .

---

Symboles SF 2 introduit plus de 750 nouveaux symboles et comprend :

• Plus de 150 symboles préconfigurés et multicolores qui s'adaptent automatiquement à l'intensité, aux paramètres d'accessibilité et aux modes d'affichage.
• Marges latérales négatives dans les symboles standard et personnalisés, ce qui vous donne un meilleur contrôle de l'alignement horizontal
• Variantes de symboles localisés pour les systèmes d'écriture de droite à gauche, ainsi que des symboles spécifiques à l'arabe, au devanagari et à l'hébreu, ainsi que des symboles script.

---

Utilisation

UIKit :

let heartImage = UIImage(systemName: "heart.fill")

SwiftUI :

let heartImage = Image(systemName: "heart.fill")

Answer 2

L'application par

Apple a une application dédiée à cela, appelée SF Symbol. Vous devez téléchargez la dernière version à partir d'ici pour parcourir l'ensemble des symboles.

---

Note importante

Vous devez toujours rester sur l'application pour avoir de nouveaux symboles disponibles pour les utilisateurs. aperçu , exporter et profitez-en.

---

Rétrocompatibilité.

Si vous avez besoin d'utiliser de nouveaux symboles, comme les nouveaux symboles multicolores introduits en Symboles SF 2.0 pour iOS 14 et plus, vous pouvez les exporter à l'aide de l'application elle-même et les importer en tant qu'actifs dans le projet. Les étapes 1 et 2 de cette réponse montre comment exporter les symboles pour les utiliser dans les anciennes versions d'iOS

Answer 3

Vous pouvez utiliser les images de symboles SF dans SwiftUI

Image(systemName: "person")

Lien de téléchargement : https://developer.apple.com/design/resources/

Answer 4

En supposant que vous ayez installé Xcode, vous pouvez également prévisualiser toutes les images sans avoir à télécharger une application distincte.

Le truc, c'est qu'il faut les voir dans une Storyboard et non un canevas SwiftUI.

Ajoutez un UIImageView à votre storyboard, puis appuyez sur la flèche déroulante près de Image. Vous verrez la liste complète des images fournies par Apple :

Copiez le nom d'une image, puis utilisez-la comme les autres réponses mentionnées ci-dessus :

Image(systemName: "square.and.arrow.up")

Answer 5

Jetez un coup d'œil à cet ensemble Swift SFSafeSymbols

Vous pouvez accéder à tous les symboles SF à partir d'un enum.

static func getRandomSFSymbol() -> SFSymbol {
    return SFSymbol.allCases.randomElement() ?? SFSymbol.xCircle
}