Android herramienta Dibujo 9-patch: ¿Cuál es el significado de las líneas negras fuera de la figura

Question

Probé suficiente para encontrar en Google & androide esta pregunta. También hizo varios intentos & errores, pero no pudo obtener esta pregunta. Estaba aprendiendo las imágenes de "Dibujar nueve parches" de Android. Lo básico que sé es que, cualquiera que sea la imagen que proceses, debe estar en formato .png (si ya está en .9.png, la herramienta lo ignorará). Sin embargo,

1. No pude entender lo que literalmente significa "parches estirable"?
2. ¿Qué sucede exactamente cuando dibujas puntos negros fuera de la imagen .png? (Panel de vista previa muestra los cambios sucediendo, pero estoy claro de cómo se hace que aquellos)
3. Cuando dibujo puntos negros en los lados izquierdo/superior de la imagen que muestra algunos cambios en la vista previa; pero ¿por qué no hay ningún efecto cuando haces lo mismo en el lado derecho/inferior de la imagen?
4. Por qué esta herramienta se utiliza principalmente para el fondo, cuando tratamos de procesar en la imagen en sí misma?
5. estoy tratando de modificar un button.png sencilla (dado en Android SDK). Cada vez que uso esta herramienta & dibuja líneas negras, ¡reduce el tamaño de la imagen en lugar de "estirarla"! Por qué ?
6. Cuál es el significado de opciones da a continuación como "espectáculo de bloqueo", "mostrar el contenido", "escala Patch" y así sucesivamente?

Me disculpo por hacer tantas preguntas, pero en los documentos Android en línea no se han explicado bien para los novatos. Si alguien puede responderlas, se convertirá en una referencia lista para todos los investigadores que buscan en este foro.

Answer 1

Por parches estirables, que está básicamente diciendo a Android, que filas y columnas de píxeles de la imagen que desea repetir. Cuando se estira una imagen estándar, hay dos posibilidades: una, se escala proporcionalmente, pero aún pierde nitidez debido a la interpolación; Dos, se escala desproporcionadamente, y pierde no solo su nitidez, sino también su forma. Un ejemplo de una escala desproporcionada es el siguiente:

Así que el propósito de las líneas negras que dicen androide qué áreas de la imagen son seguros para repetir. La esquina superior define la (s) columna (s) que puede estirar, mientras que la esquina izquierda define la (s) fila (s) que pueden estirarse. Las esquinas inferior y derecha solo definen el área de contenido real (por ejemplo, donde el botón tiene permiso para colocar texto), puede reservar espacio adicional para rellenar el marco. En la imagen siguiente, puede ver que los dos píxeles negros en el exterior del marco definen las filas en la imagen, mientras que el que está en la parte superior define una columna.

Y a continuación, esta muestra el resultado de un 9-parcheado extendido a varios tamaños. Si se amplía para ser más ancho, las mitades de la imagen a la izquierda y derecha de la columna elástica definida se alinean a la izquierda y derecha del nuevo tamaño, y la columna definida se repite para llenar el espacio intermedio. Lo mismo ocurre con las filas definidas; si usa múltiplos (no creo que pueda usar más de 2 filas/columnas elásticas) simplemente rellena el espacio con ambos; en este caso, lo utilicé para mantener el gradiente dividido por igual en el medio.