Как создать 9 патчей в Photoshop? Что такое кодировка 9.png?

Question

Предоставленная утилита выглядит плохо, например, она не позволяет делать «Сохранить как» или рисовать несколько состояний кнопок с аналогичной нарезкой.

Можно ли рисовать 9.png в фотошопе? Я заметил, что сгенерированный png просто содержит черные пиксели во внешнем краю. Это то, что маркирует срезы?

Что делать, если черные пиксели присутствуют в двух противоположных краях, как это работает?

Наружные края отрезаны при отображении на андроиде?

Answer 1

Да, я делаю все свои девять патчей в Photoshop. Ниже приведены основные правила для создания 9-патч:

1. внешняя граница 1px может содержать только 100% черный (RGB 0, 0, 0) или полностью прозрачными.

2. Черные пиксели для верхнего края и левого поля определяют точки растяжения и должны быть сплошной линией, одной точкой или двумя отдельными точками. Если определены две точки, они будут равномерно растягиваться между ними.

3. Черные пиксели для нижнего поля и правого края определяют область содержимого. Эти пиксели должны быть одной непрерывной линией.

4. При сохранении обязательно добавьте удлинитель .9.png.

Надеюсь, это поможет. :)

EDIT: И да, они не будут отображаться при использовании в ваших макетах при условии, что они правильно отформатированы, и вы сохранили его как .9.png.

Итак, топ будет простой девять патч для блесны. линии поперек и вниз во втором изображении показывают, какие строки/столбцы пикселей будут дублироваться. Синий прямоугольник на втором изображении показывает область, в которой Android позволит размещать контент. Таким образом, текст, например, просто будет завернут, чтобы остаться внутри этого прямоугольника.