Uso y creación de archivos 9-Patch

Antes de la aparición de los celulares inteligentes y de las grandes mejoras tecnológicas que trajeron con ellas, las aplicaciones para celular eran simples en cuanto a su interfaz se refiere. Ahora tenemos android que simplifica en gran manera el desarrollo de interfaces bastante agradables a la vista del usuario con sus muchas utilidades y herramientas con las que cuenta su SDK, una de ellas es NINEPATCH o 9-Patch.

Imágenes 9-Patch

Las imágenes ninepatch son archivos que android reconoce y puede cambiar su tamaño para ajustarse (alto o ancho) a la resolución de la pantalla del dispositivo. En la imagen siguiente puedes ver mejor para que sirve este archivo y las diferencias son más que evidentes.

Crear imágenes 9-Patch

1. En la carpeta donde tienes el SDK de android, busca «tools/draw9patch.bat» y ejecuta. Veras la siguiente pantalla

2. File -> Open 9-Patch para cargar una imagen que quieras convertir.

3.  La aplicación en si es sencilla, esta divido en 3 secciones, la sección de la izquierda donde se muestra el archivo que se desea convertir y a su derecha el resultado de la conversión, abajo tenemos unos controles que nos ayudar a manejar la imagen en pantalla.

Lo que tenemos que hacer es marcar con el mouse unas lineas a los costados de la imagen que deseamos que se expanda, las partes de la imagen que no se marquen mantendrán su tamaño, puedes ver como va quedando la imagen en la parte derecha de la aplicación.

4. Cuando terminemos, SAVE-> 9-PATCH y colocamos el nombre de la siguiente manera «nombre_imagen.9.png» para crear el archivo ninepatch.

Podemos crear interesantes efectos con esta herramienta y aplicarla no solo  botones sino a cajas de texto.

Para hacer uso de estas imágenes 9-patch en android, las añades a la carpeta drawable como si fuera cualquier otra imagen, android se encarga de reconocer y procesar los archivos si lo viera conveniente.

Ejemplo de este tutorial A.Q.U.I. 🙂