Особенности нарезки изображений для Android, iOs, Win

нарезка кнопок под андроид
Что такое 9-patch? Это обычное изображение с альфа-каналом (.png), в котором края размером в 1 пиксел содержат некую служебную информацию, которую может интерпретировать графическая подсистема Android. Фактически мы можем отметить, где в будет размещаться контент и какая часть, например, кнопки, может растягиваться.

Самое трудное, понять и запомнить — какие области разметки 9patch говорят нам о том где контент и что именно должно тянуться, а что нет:
сохранение графики для Android дизайн приложения

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

Для такой разметки изображений можно воспользоваться специальной утилитой draw9patch, которая есть в папке tools в месте установки Android SDK или же рисовать в том же редакторе в котором вы рисовали все приложение. Преимущество этой утилиты в том, что результаты масштабирования и область размещения контента наглядно показываются в окне редактора. А еще утилита дает редактировать только рамку, не позволяя случайно чиркнуть на изображении. Собственно, вот сама утилитка — http://developer.android.com/tools/help/draw9patch.html

Евгений Беляев, участник команды mail.ru group, имеющий огромный опыт интеграции дизайна мобильных приложений для разных платформ — Android, Bada, iOS, Windows Phone, на DribbleMeetup Russia рассказал об инструментах и процессе подготовки дизайн-макетов и ресурсов для разработчиков, которые использует в своей работе.

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

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