Skip to content

Most visited

Recently visited

navigation

Crear mapas de bits de tamaño modificable (archivos 9-Patch)

La herramienta Draw 9-patch es un editor WYSIWYG incluido en Android Studio que te permite crear imágenes de mapas de bits cuyo tamaño se modifica automáticamente para adaptarse al contenido de la vista y al tamaño de la pantalla. Determinadas partes de la imagen se ajustan de manera horizontal o vertical según indicadores trazados dentro de ellas.

Para hallar una introducción a los gráficos de NinePatch y su funcionamiento, lee la sección sobre elementos de diseño de NinePatch en el documento Lienzo y elementos de diseño.

Figura 1: Imagen de NinePatch en la herramienta Draw 9-patch de Android Studio.

A continuación, te presentamos una guía rápida para crear un gráfico de NinePatch usando la herramienta Draw 9-patch de Android Studio. Necesitarás la imagen PNG con la cual te gustaría crear una imagen de NinePatch.

  1. En Android Studio, haz clic con el botón secundario en la imagen PNG a partir de la cual desearías crear una imagen de NinePatch y luego haz clic en Create 9-patch file.
  2. Escribe un nombre de archivo para tu imagen de NinePatch y, luego, haz clic en OK. Tu imagen se creará con la extensión de archivo .9.png.
  3. Haz doble clic sobre tu nuevo archivo de NinePatch para abrirlo en Android Studio. Se abrirá tu espacio de trabajo.

    El subpanel izquierdo es el área de trazado, en la que puedes editar las líneas de los parches expansibles y el área de contenido. El subpanel derecho es el área de vista previa, donde puedes obtener una vista previa de tu gráfico cuando se expande.

  4. Haz clic dentro del perímetro de 1 píxel para trazar las líneas que definen los parches expansibles y el área de contenido (opcional). Haz clic con el botón secundario (en Mac, mantén presionada la tecla Mayús y haz clic) para borrar las líneas trazadas anteriormente.
  5. Cuando hayas terminado, haz clic en File > Save para guardar tus cambios.

Para abrir un archivo de NinePatch existente en Android Studio, haz doble clic en el archivo.

Para asegurarte de que el tamaño de tus gráficos de NinePatch se reduzca correctamente, verifica que las regiones extensibles tengan un tamaño de al menos 2 x 2 píxeles. De lo contrario, es posible que desaparezcan cuando se reduzca el tamaño. Además, proporciona un píxel de espacio seguro adicional en los gráficos antes y después de las regiones extensibles para evitar la interpolación durante el escalamiento, lo cual podría cambiar el color de los límites.

Nota: Se cargará un archivo PNG normal (*.png) con un borde de un píxel vacío alrededor de la imagen, donde podrás trazar los parches extensibles y el área de contenido. Se cargará un archivo de NinePatch previamente guardado (*.9.png) como tal, sin agregar un área de trazado, porque ya existe.

Figura 2: Imagen de NinePatch que muestra contenido, parches y parches incorrectos.

Entre los controles opcionales, se incluyen los siguientes:

This site uses cookies to store your preferences for site-specific language and display options.

Get the latest Android developer news and tips that will help you find success on Google Play.

* Required Fields

Hooray!

Browse this site in ?

You requested a page in , but your language preference for this site is .

Would you like to change your language preference and browse this site in ? If you want to change your language preference later, use the language menu at the bottom of each page.

This class requires API level or higher

This doc is hidden because your selected API level for the documentation is . You can change the documentation API level with the selector above the left navigation.

For more information about specifying the API level your app requires, read Supporting Different Platform Versions.

Take a short survey?
Help us improve the Android developer experience.
(Sep 2017 survey)