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

Утилита выглядит плохо, например, она не позволяет делать "Сохранить как" или рисовать несколько состояний кнопок с похожими срезами.

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

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

Нарушены ли внешние грани при отображении на андроиде?

Ответы

Ответ 1

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

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

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

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

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

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

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

enter image description here

enter image description here

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