Как отформатировать настроенные файлы SVG SF-Symbols для импорта в Xcode11

Кто-нибудь разобрался, как создавать индивидуальные SF-символы, используя методы, описанные в видео WWDC, единственной существующей документации, которую я могу найти по этому вопросу? Согласно видео можно просто отредактировать экспортированный файл SVG и повторно импортировать его как набор символов.

И хотя это работает для незначительных правок, мне очень трудно создать работающий настроенный файл символов с более чем мелкими правками. Произошло множество ошибок и / или ошибок, и я много чего пытался создать приемлемый файл (удаление штрихов, преобразование в фигуры и т. Д.). Большинство импортируемых файлов выдают ошибку, похожую на:

Файл SVG, предоставленный для набора изображений символов 'doc.test3', не подходит: файл изображений символов '(null)' имеет глиф-узел Regular-M, который не является группой, получил тип:'2' ожидается:'1' '

У кого-нибудь есть предложения? У меня нет конкретной цели проекта здесь. Я просто пытаюсь изучить подходящий способ создания собственного символа при отсутствии какой-либо документации.

Источник

1 ответ

В обзорной документации предлагается взять существующий файл символов и открыть его в Sketch или другом редакторе SVG. В частности, документация по созданию нового символа дает небольшое пошаговое руководство. Думаю, рабочий процесс будет примерно таким...

  1. Экспорт любого символа из приложения SF Symbols 1.0 (12) в файл svg
  2. Возьмите SVG-файл с вашим любимым изображением, из которого вы хотите создать новый символ.
  3. Используя редактор (например, Sketch), перетащите экспортированный файл символа SF на пустую страницу (он покажет несколько изображений)
  4. Создайте вторую страницу в Sketch и перетащите новое изображение.
  5. Используя слои в Sketch, вы увидите, что символ SF имеет форму, определенную в слое с именем, называемым Shape
  6. Для каждого Shape замена слоя (копирование / вставка) сопоставимой формы / пути из набора фигур / путей на слое из вашего нового изображения
  7. Отрегулируйте ширину линии и положение, чтобы они соответствовали содержанию соответствующей формы в символе SF.
  8. Удалите символ SF для указанного веса
  9. По окончании изменения всех форм / путей для символа -> Экспорт / сохранение обновленной страницы символа как SVG из Sketch.
  10. Затем вы сможете добавить файл svg в контейнер Assets в качестве нового набора изображений символа.

Примечание. В рамках своего теста я заметил, что, хотя заголовок SVG был другим, когда я экспортировал файл символов из Sketch, когда я добавил файл в Xcode (перетаскивание), новые символы все же появились.

Кроме того, шрифт, используемый в отредактированном файле, по умолчанию имеет значение Helvetica вместо нового шрифта SF в исходном экспортированном файле символов SF.

Источник

Вернитесь в приложение SF Symbols после создания SVG. Нажмите Файл - Подготовить пользовательский символ для XCode.... Выберите свой SVG и позвольте приложению SF Symbols сделать свое волшебство.

Функция все еще довольно глючная, хотя. Иногда SVG изменяется. Вы также не можете перезаписать существующий SVG при выборе места назначения для сохранения измененного файла, созданного приложением SF Symbols.

Источник
Другие вопросы по тегам