¿Por qué le salen rayas negras a mi imagen 9-patch en los bordes? Mientras la editábamos y al abrir la imagen 9-patch podremos ver como el editor nos ha generado unas líneas negras a los bordes de la imagen. Estas líneas indicarán a Android las partes que no queremos que deforme. Podríamos haber hecho estas líneas negras con un editor de imágenes, pero habría que tener cuidado de hacerlas sobre un píxel de fondo transparente y cuando guardáramos la imagen con extensión “.9.png” (todo esto nos lo ahorramos si utilizamos el editor 9-patch incluido en el SDK de Android).
¿Cómo uso una imagen con extensión “.9.png”? Exactamente igual que las imágenes bitmap. Un ejemplo rápido es en un diseño en XML, añadir un “TextView”, y poner de fondo el “android:background”. <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/boton_normal" android:paddingBottom="90dp" android:paddingLeft="10dp" android:paddingRight="10dp" android:paddingTop="50dp" android:text="www.Jarroba.com la web de informática técnica avanzada, que va un paso más allá del entendimiento más profundo del arte de la informática " android:textAppearance="?android:attr/textAppearanceMedium" />
Le pondremos un texto largo para ver en el mismo editor que se deforma de la imagen y que se mantiene sin deformarse (le aplico un padding para que el texto quede colocado en la imagen). En este ejemplo veremos que las esquinas y los logos no se deformarán, pero lo que es el cuerpo sí, justo como queríamos.
Jugando con el padding podremos ver qué ocurre cuando el texto se recoloca dentro del TextView. El siguiente ejemplo le damos más padding por la izquierda y la derecha para que el texto se coloque en una alta columna:
Referencias: http://developer.android.com/tools/help/draw9patch.html
www.Jarroba.com
130