¿Cómo crear 9 parches en Photoshop? ¿Qué es la codificación 9.png?

Question

La utilidad proporcionada se ve mal, por ejemplo, no permite hacer "Guardar como", o dibujar varios estados de botón con un corte similar.

¿Es posible dibujar 9.png en photoshop? Me di cuenta de que el png generado solo contiene píxeles negros en el borde exterior. ¿Esto es lo que marca las rebanadas?

¿Qué pasa si los píxeles negros se presentan en dos bordes opuestos, cómo funciona esto?

¿Se cortan los bordes exteriores cuando se muestran en android?

Answer 1

Sí, hago todos mis nueve parches en Photoshop. Estas son las reglas básicas para crear una 9-patch: margen 1px

1. El exterior sólo puede contener 100% de negro (RGB 0, 0, 0) o totalmente transparente.

2. Los píxeles negros para el margen superior y el margen izquierdo definen los puntos de estiramiento, y deben ser una línea continua, un punto único o dos puntos separados. Si se definen dos puntos, se extenderá por igual entre los dos.

3. Los píxeles negros para el margen inferior y el margen derecho definen el área de contenido. Estos píxeles deben ser una línea contigua.

4. Al guardar, asegúrese de agregar la extensión .9.png.

Espero que esto ayude. :)

EDITAR: Y sí, esos no se mostrarán cuando se usen en sus diseños, siempre que estén formateados correctamente y que los haya guardado como .9.png.

bien, así que la parte superior sería un simple nueve parche para una ruleta. las líneas a lo ancho y abajo en la segunda imagen muestran qué filas/columnas de píxeles se duplicarían. El rectángulo azul en la segunda imagen muestra el área en la que Android permitiría colocar el contenido. Entonces, el texto, por ejemplo, simplemente se envolvería para permanecer dentro de este rectángulo.