Как использовать символы SF в iOS 12 и ниже?

Имейте в виду, что многие символы можно использовать только специально связаны с определенными функциями Apple. «Некоторые символы можно использовать только для обозначения технологий Apple…» developer.apple.com/design/human-interface-guidelines/… прокрутите вниз до Символы для использования «как есть» и обратите внимание на таблицу.

Так или, например, (идеальный) SFSymbols «облачный» символ можно использовать только в качестве ссылки на iCloud. К сожалению, вы не можете просто использовать его как общую «облачную» ссылку. (идеальные) похожие на камеру символы можно использовать только как ссылку на FaceTime. К сожалению, вы не можете просто использовать его как общую ссылку «камера».

Не все символы SF поддерживаются в iOS 13. Есть два приложения для Mac, демонстрирующие символы: одно под названием «SF Symbols», которое содержит более полный набор, и одно под названием «San Fransymbols», которое содержит меньший набор с примерами кода. В iOS13 можно использовать только значки, прослушиваемые в приложении «San Fransymbols».

Спасибо! Можете ли вы добавить URL-адрес и цитату из руководства по интерфейсу, чтобы будущие посетители сразу это видели?

Не все иконки в приложении SFSymbols можно экспортировать.

@FrankCheng Я думаю, что это противоречит правилам товарных знаков Apple, и ваше приложение будет отклонено, если вы экспортируете и используете их в активах. Проверьте раздел «важно» на веб-сайте Apple developer.apple.com/design/human-interface-guidelines/….

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

Проголосовали против, поскольку упомянутый документ Apple, по-видимому, на самом деле не препятствует использованию SF Symbol в более ранних выпусках ОС.

Вы можете подтвердить, что это работает? Я экспортировал информационное изображение с помощью sf как svg. и это работает на iOS 13, но не на 12.

Для тех, кто задается вопросом, какой «графический инструмент» использовать, @user25917 предлагает Figma, который, как я обнаружил, отлично справляется с экспортом в PDF.

Этот бесплатный онлайн-инструмент позволяет загружать символы научной фантастики в формате png, разделенные на 3 размера, для iOS. Просто нажмите кнопку загрузки IOS, чтобы получить zip-файл с фрагментами png. hotpot.ai/free-icons?s=sfSymbols

@AlexeiFando Спасибо, экспорт работает хорошо, и их легко импортировать, просто перетащите их в активы. Если вы хотите поддерживать как iOS 12, так и 13, вы даже можете использовать их в качестве «резервных значков», присвоив импортированному файлу то же имя, что и значок iOS 13 SF. К сожалению, загружаемые изображения не соответствуют обычным значкам iOS 12: опция «iOS» загружает большую, полужирную версию (неизвестно, какой «размер файла» использовать), а с опцией «png» значок использует правильный жирность. но огромен и добавляет массу места по бокам.

Как бы то ни было, приложение SFSymbols устанавливает новые версии семейства SF* с гораздо большим количеством глифов (~7000), поэтому единственное, что я сделал, — это скопировал символ (как в ⌘C) из приложения и вставил его в метка с использованием этого шрифта. Это было для приложения для Mac, хотя я не пытался тестировать на iOS, но я думаю, что это вопрос объявления шрифта в info.plist, а затем его использования таким же образом.

Когда я пытаюсь добавить этот файл в Info.plist, он не отображается в UIFont.familyNames. Однако я не пытался увидеть, действительно ли он добавляет все эти символы к семейству Сан-Франциско. посмотрю

SFSymbol — это просто название подмножества символов (символов) в обычном шрифте San Francisco. Если вы просмотрите шрифт San Francisco во встроенном средстве просмотра шрифтов (в OSX), вы увидите, что он содержит символы в виде глифов в определенном диапазоне Unicode. Поэтому, конечно, он конфликтует, когда вы пытаетесь установить его на устройство iOS: вы собираетесь заменить собственный системный шрифт, что, безусловно, Apple не позволит вам сделать.

@Psi, вот почему я также пытался отредактировать имя шрифта с помощью редактора шрифтов. Изменение имени семейства шрифтов и других вещей. Однако при попытке установить его по-прежнему происходит сбой без какого-либо журнала ошибок. (Может быть идентификатор, который я забыл изменить или около того)

В файле шрифта указано семейство шрифтов. Если бы вы не изменили необработанные данные шрифта (то есть семейство шрифтов), вы не смогли бы установить шрифт.

@Psi, это то, что я пробовал, не только изменяя имя файла, но и открывая файл ttf и изменяя необработанные значения для fontFamilyName и т. д. ... Но это болезненно, учитывая, что бесплатные редакторы шрифтов довольно старые (те, которые я нашел по крайней мере ). Я пытался несколько раз, но это всегда терпит неудачу.

@Olympiloutre есть инструмент для экспорта символов SF в разные форматы - github.com/davedelong/sfsymbols

@MaxPolkovnik Спасибо, пока это самое простое решение!

Привет @Olympiloutre. Могу ли я написать по электронной почте о бесплатной альтернативе, которую мы создали? Не хочу оставлять URL, чтобы избежать восприятия спама. Удалим этот комментарий, как только вы это прочитаете. Спасибо! (В вашем профиле не было контактной информации.)

@Olympiloutre Мне удалось импортировать файл шрифта в проект. но как именно я могу преобразовать это в символы, которые я могу использовать для изображений кнопок? (в словах - какой код заменяет строку "systemName"?)

Безумие! Почему бы не использовать встроенный экспорт и использовать SVG, который вы хотите??

Весь смысл в том (в то время) в том, чтобы предотвратить разделение вашего кода между ОС. Да, вы можете экспортировать его, но либо вы используете только SVg, либо используете SVG до iOS 12 и SFSymbols после.

Я хочу использовать значок в кнопке на панели инструментов, но размер значка не такой, как у других системных значков. Есть ли способ уменьшить размер?

@huckjulius Вы можете использовать Figma, чтобы напрямую настроить размер вектора значка. Или вы можете экспортировать в векторный файл PDF, а затем динамически изменять размер (в коде).

Лучший ответ. Перетащите экспортированный файл из SF Symbols в Sigma, а затем нажмите на векторное изображение, а затем на правой панели экспорта. Сделанный.

Я заметил, что PDF-файл Xcode обрабатывается не через вектор, а генерирует изображение. Так что отрегулируйте размер фотографии для ваших нужд.

Нам все еще нужно 3 размера, есть идеи, как это сделать в Figma?

@CyberMew Я не уверен, какие 3 размера вам нужны. Если каталог активов Xcode запрашивает три слота. Просто на панели инспектора выберите Scales: "Single Scale". Также проверьте изменение размера: «Сохранить векторные данные». Если вам просто нужны 3 разных размера значка. Изменение размера и экспорт в три раза работает. И о чем я говорю, это обходной путь для символа SF. Подробнее о ресурсах PDF. Пожалуйста, проверьте полезный блог здесь: useyourloaf.com/blog/xcode-9-vector-images

Вам не нужен файл SFSymbolsFallback.ttf из приложения SF Symbols? Или вы говорите, что все значки SF Symbols уже содержатся в шрифте SF Pro Rounded?

Спасибо! Я открыл приложение «Шрифты» на своем Mac, поискал шрифт SF Pro Rounded, щелкнул правой кнопкой мыши вариант Light (тот, который мне нужен) и нажал «Показать в Finder». Я перетащил этот файл (SF-Pro-Rounded-Light.otf) в свой проект XCode и поставил галочку «Копировать, если необходимо». Затем я нажал на свой UIButton, установил для заголовка значение Attributed (это важно) и выбрал SF Pro Rounded Light в качестве шрифта. Затем я нашел нужный значок в SF Symbols, выбрал его, нажал CMD+C для копирования, переключился обратно на XCode, щелкнул текстовую часть заголовка UIButton и нажал CMD+V для вставки. Это сработало!

Как использовать в проекте swiftUI?

Спасибо! Но почему, черт возьми, они не предлагают PDF для импорта непосредственно в Xcode?