Android
Imágenes de 9 parches
Buscar..
Observaciones
Un archivo de imagen de 9 parches es un archivo especialmente formateado para que Android sepa qué áreas / porciones de la imagen pueden o no pueden escalarse. Divide tu imagen en una cuadrícula de 3x3. Las esquinas permanecen sin escalar, los lados se escalan en una dirección y el centro se escala en ambas dimensiones.
Una imagen de Nine Patch (9-Patch) es un mapa de bits que tiene un borde ancho de un solo píxel alrededor de toda la imagen. Ignorando los 4 píxeles en las esquinas de la imagen. Este borde proporciona metadatos para el mapa de bits en sí. Los límites están marcados con líneas negras sólidas.
Una imagen de Nine Patch se almacena con la extensión .9.png .
El borde superior indica áreas que se extienden horizontalmente. El borde izquierdo indica áreas que se extienden verticalmente.
El borde inferior indica el relleno horizontalmente. El borde derecho indica relleno verticalmente.
Los bordes de relleno se utilizan generalmente para determinar dónde se va a dibujar el texto.
Google proporciona una excelente herramienta que simplifica enormemente la creación de estos archivos.
Ubicado en el SDK de Android: android-sdk\tools\lib\draw9patch.jar
Esquinas redondeadas basicas
La clave para estirar correctamente está en el borde superior e izquierdo.
El borde superior controla el estiramiento horizontal y el borde izquierdo controla el estiramiento vertical.
Este ejemplo crea esquinas redondeadas adecuadas para una tostada.
Las partes de la imagen que están debajo del borde superior y a la derecha del borde izquierdo se expandirán para llenar todo el espacio no utilizado.
Este ejemplo se extenderá a todas las combinaciones de tamaños, como se muestra a continuación:
Hilandero basico
El Spinner se puede reajustar según sus propios requisitos de estilo utilizando un parche de Nueve.
Como ejemplo, vea este parche de nueve:
Como puedes ver, tiene 3 áreas extremadamente pequeñas de estiramiento marcadas.
El borde superior solo tiene la izquierda del icono marcado. Eso indica que quiero que el lado izquierdo (transparencia completa) del dibujable llene la vista del Spinner hasta que se alcance el ícono.
El borde izquierdo ha marcado segmentos transparentes en la parte superior e inferior del icono marcado. Eso indica que tanto la parte superior como la inferior se expandirán al tamaño de la vista del Spinner . Esto dejará el propio icono centrado verticalmente.
Usando la imagen sin metadatos de Nine Patch:
Usando la imagen con metadatos de Nine Patch:
Líneas de relleno opcionales.
Las imágenes de nueve parches permiten la definición opcional de las líneas de relleno en la imagen. Las líneas de relleno son las líneas de la derecha y en la parte inferior.
Si una Vista establece la imagen de 9 parches como fondo, las líneas de relleno se utilizan para definir el espacio para el contenido de la Vista (por ejemplo, la entrada de texto en un EditText ). Si las líneas de relleno no están definidas, se usan las líneas izquierda y superior en su lugar.
El área de contenido de la imagen estirada se ve así:
