Экспорт ресурсов для Android с помощью Affinity Designer

1656663853 eksport resursov dlya android s pomoshhyu affinity designer

от Dixita Ganatra

Affinity Designer имеет много возможностей, Экспорт Persona. Мне было интересно, может ли это облегчить процесс экспорта активов для Android. Вот что я нашел, углубившись в это.

Предисловие

В этой статье предполагается, что вы знакомы с навигацией в Affinity Designer. Я собираюсь использовать пример макета программы для фитнеса под названием Следите за своими шагами. Это приложение подсчитывает ваши ежедневные шаги, время, которое вы были активными, калории, которые вы сожгли, и расстояние, которое вы прошли.

QGOWZjfU8z54IHq4YGZIOymi1GSI38eHOlQE
«Берегись шагов»

Чтобы использовать эти значки в Android, нам нужно их экспортировать. Так как это приложение будет работать на устройствах Android с разными размерами экрана, нам нужно экспортировать их для разных разрешений.

Шаг 1: Когда ваш дизайн будет готов, перейдите к Экспорт Persona.

PhNCxNMRb2vf1HT8kr9wYSn1rEfZ3CW47kp9
Экспорт Persona

Шаг 2: Перейти к Ломтики панель на правой панели.

cH24SAa8xefhaadpih6sQfSmYAvfieVoy6LB
Ломтики панель

Чтобы экспортировать иконки, нам нужно нарезать их. По умолчанию Affinity создает фрагмент для нашей иллюстрации. Теперь нам нужно вырезать иконки из нашей иллюстрации. Мы будем производить срезы непосредственно из слоев. Мы могли бы использовать Инструмент нарезки также создавать фрагменты вручную.

шаг 3: Выделите панель слоев. Выберите слои, которые необходимо экспортировать, и нажмите Создать фрагмент.

Aick0-inYuaP8QFArocDwh1p27VkOaAt7wNR
Слои для нарезки

Это слои, которые были созданы в Нарисовать Персону. Мы собираемся экспортировать выделенные выше слои. Теперь вы сможете увидеть синие рамки вокруг нарезанных слоев в вашей иллюстрации, указывающей на созданные фрагменты.

tgJgk-HVZyTkxpgu3GOI8wBJSSIJfrpEYUjm
Ломтики

шаг 4: Перейти к Ломтики панели и снимите флажок по умолчанию (в этом примере фрагмент программы) и любых других фрагментов, которые вы не хотите экспортировать.

H3jruZ80r1eiHUhesv8Hkg61LZ2mpxRctsmW
Нарезанные пластами

шаг 5: Разверните фрагмент, щелкнув стрелку слева, и установите путь к файлу.

HPQFVDufWe4lZX4Kuh9auAdiWpaNxFf0T1R5

Он показывает детали среза. Выделенная область показывает путь к файлу развернутого фрагмента. Поскольку мы дали нашим слоям правильные названия, мы можем повторно использовать их для пути к файлам.

По умолчанию размер png будет таким 1x (то же, что на иконе). Этот размер нам нужен для drawable-mdpi в проекте Android. Щелкните путь к файлу и выполните следующие действия, чтобы установить его.

Удалить Масштабный суффикс (1x) от названия файла и перед drawable-mdpi/ к нашему пути к файлу (не забудьте завершающий /). Потому что мы хотим, чтобы наш актив был в папке drawable-mdpi/им back_button.png.

f6idoX0cUSIO5yLeBVBEc4SrMjIsC8A5Fyil
drawable-mdpi/back_button.png

Шаг 6: Выполните предварительный шаг для drawable-hdpi — 1,5x, drawable-xhdpi — 2x, drawable-xxhdpi — 3x и drawable-xxxhdpi — 4x.

После завершения Шаг 6срез будет выглядеть так:

iJfP5g7SzU0mpKoVYHsC6wKS-CElCaffEF73
Все размеры с соответствующими папками

Нам не нужно повторять эту процедуру для следующих значков. Affinity предоставляет функцию сохранения этого стиля.

Шаг 7: Щелкните значок меню в правом верхнем углу панели фрагментов и выберите Создание предварительной настройки экспорта. Тогда назовите это Android (или как вам больше нравится).

2FZxwSyVMNWwKrqekZA7S9B00SyjHcv94w7j
Создать Android предварительная настройка

Теперь мы готовы выбрать оставшиеся фрагменты и применить Android предварительно установленные на них. ?

GAxwMzX3bQ35iwA-C5xHDXdjrZN8dgI9sJ3n
Примените стиль Android к другим фрагментам

Как видите, после создания предварительной настройки его очень легко применить к другим.

Шаг 8: Нажмите Экспорт фрагментов расположен в правом нижнем углу. Значки будут экспортированы в соответствующие папки. После их экспорта структура папок будет выглядеть так:

BurQKOsSbedJfJP2StkliLRrGgDGB8uucJvn
Экспортировали значки, как мы хотели?

Что, если мы изменим иконки позже? Нам снова их экспортировать?

Нет, нет.

Бонус

Просто отметьте выделенную опцию, Непрерывный.

cg83sJ1q6zO8hQDr0QoPSoBCuW3LNuxtIoV5
Проверьте непрерывно

Теперь, когда вы сохраните свои изменения, экспортируемые ресурсы будут постоянно обновляться. Разве не круто?

vsm2ijONxrMgOziFPy1ymQfBc5M1TfA-gahF
Актуальная информация о сохранении иллюстрации

Это все, уважаемые. Свяжитесь со мной, если у вас есть идеи, которыми следует поделиться. Я хотел бы услышать от вас в Twitter @dixita0607.

Макет программы

Вы можете скачать файл макета, используемый в данном руководстве, здесь ?.

следите за своими шагами.
drive.google.com

Список литературы

Справочная таблица значков Android | Иконный справочник
Icon Handbook – это справочное руководство, инструкции и «витрина» журнального столика в одном. научиться создавать значки для…iconhandbook.co.ukПособие для дизайнеров по названию ресурсов Android
Эта статья в основном предназначена для интересных дизайнеров, а также поможет начинающим разработчикам, но опытным…medium.com

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *