Используете ли вы иконки PNG в вашем приложении Windows? Windows 8.1 поддерживает большое разнообразие новых аппаратных средств, в том числе много различных разрешений экрана и поддержка PNG файлов для маленьких и больших дисплеев может обернуться для вас головной болью.
К счастью, есть решение этой проблемы и после прочтения этой статьи вы будете знать все, что нужно знать о создании пользовательских шрифтовых значков для использования в приложениях Windows Store. Это означает, что вы можете существенно упростить управление активами и не придется беспокоиться о масштабировании пикселей.
Итак, как это работает?
- Используйте любой векторный инструмент для рисования, который вам нравится и экспортируйте в SVG
- Используйте сайт http://fontastic.me для создания TTF шрифта
- Используйте FontIcon для отображения значка
Нарисуйте несколько значков и экспортируйте их в SVG
Не важно, какую программу для этого вы используете. Также можно скачать существующие SVG. Результатом является папка, содержащая значки:
Создать шрифт из SVG файла
- Откройте http://fontastic.me и создайте себе профиль
- Создайте новый шрифт
- Перейдите к настройкам для изменения имени
- Нажмите на ссылку «Import Icons» и выберите файлы SVG
Ваши значки отображаются в новой коллекции:
- Выберите значки, нажимая на них
- Нажмите кнопку загрузки и сохраните zip архив себе на жестком диске.
Использование шрифтов в Windows 8.1 приложениях
- Создайте пустой XAML проект в Blend’е:
- Перетащите шрифт в дерево решений и поместите его в проект:
- Добавьте шрифтовую иконку в Grid на панели Objects and Timeline:
Примечание: если вы не можете найти FontIcon в ваших активах, вставьте этот код XAML в Grid на MainPage:
<FontIcon />
- Найдите свойство шрифта и выберите наш — «transport»
- Измените свойство глифа на ‘а’
- Увеличить размер шрифта до 96.
Теперь ваш код выглядит так:
<Grid Background=»{ThemeResource ApplicationPageBackgroundThemeBrush}»>
<FontIcon FontFamily=»transport.ttf#transport» FontSize=»96″ Glyph=»a»/>
</Grid>
Вывод
Теперь у нас есть шрифт с нашими иконами. Это означает, что мы:
- Можем содержать полный набор иконок для различных разрешений в одном файле!
- Можем изменить цвет значков без использования специального ПО
- Можем менять размер иконок от 0% до 1000000% без потери качества.
Удачного создания своих собственных шрифтов!
Ссылка на источник: Create and use icon fonts in a Windows Store App
Меняя мир Windows ... 
Добавить комментарий