Найти все доступные изображения для Image(systemName:) в SwiftUI

Где я могу найти все системные образы, которые доступны в инициализаторе Image(systemName:)?

Я только использую "chevron" а также "star.fill" до сих пор, как обнаружено в серии учебных пособий Apple SwiftUI. Однако я не смог найти полный список значков ни в одной официальной документации.

10 ответов

Решение

Эти значки называются символами SF. Существует более 1500 символов, которые можно использовать в приложениях, работающих на iOS 13 и более поздних версиях. Чтобы просмотреть полный набор символов, загрузите приложение SF Symbols. Для получения дополнительной информации о SF Symbols проверьте здесь.

Приложение:

У Apple есть специальное приложение под названием SF Symbol. Вы должны загрузить последнюю версию отсюда, чтобы просмотреть полный набор символов.


Важная заметка

Вы всегда должны оставаться в приложении, чтобы новые символы были доступны для предварительного просмотра, экспорта и просмотра.


Обратная совместимость.

Если вам нужно использовать новые символы, такие как новые многоцветные символы, представленные в SF Symbols 2.0 для iOS 14 и выше, вы можете экспортировать их с помощью самого приложения и импортировать в качестве ресурсов в проект. Шаги 1 и 2 этого ответа показывают, как вы можете экспортировать символы, чтобы использовать их в более старых версиях iOS.

Вы можете использовать изображения SF Symbol в SwiftUI

Image(systemName: "person")

Скриншот приложения SF Symbols

Предполагая, что у вас установлен Xcode, вы также можете предварительно просмотреть все изображения без необходимости загружать отдельное приложение.

Хитрость в том, что вам нужно просматривать их в раскадровке, а не на холсте SwiftUI.

Добавьте UIImageView в свою раскадровку, затем нажмите стрелку раскрывающегося списка рядом с изображением. Вы увидите весь список изображений, предоставленных Apple:

Скопируйте имя изображения, а затем используйте его так же, как и другие ответы, упомянутые выше:

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

Чуть более быстрый и простой вариант ответа Sensesful :

В режиме раскадровки нажмите кнопку добавления вверху экрана. Если щелкнуть значок изображения в открывшемся диалоговом окне, можно просмотреть все системные значки. Затем вы можете использовать их, указав имя значка в UIImage(systemName: iconName).

Протестировано в Xcode 12.5.

Взгляните на этот Swift Package SFSafeSymbols

Вы можете получить доступ ко всем символам SF из перечисления

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

Я думал, что вы можете сделать это в xcode, но Apple рекомендует скачать https://developer.apple.com/sf-symbols/

SF Symbols — это библиотека иконографии, содержащая более 3300 символов, разработанная для полной интеграции с San Francisco, системным шрифтом для платформ Apple.

Вы также можете найти все имена здесь:

https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

SF Symbolsэто основа системных значков в iOS 13+.

Мы можем найти полный список значков по адресу:

https://sfsymbols.com

К сожалению, сайту НЕ разрешено лицензией  для прямого показа и/или предварительного просмотра изображений, но ключевые слова — это все, что нам нужно для создания нашего собственного списка с предварительным просмотром (по крайней мере, все, что нужно кому-то вроде меня).

ВНИМАНИЕ: SF-символы имеют странные правила использования, и всем, кто беспокоится, следует просто найти другую бесплатную альтернативу значку.

Например: https://github.com/google/material-design-icons
(с лицензией Apache 2.0, без указания авторства)

я нашел все SFSymbolsс именами внутри этого репо

Онлайн браузер SFSymbols

Другие вопросы по тегам