Los objetos 9 Slice (a veces conocidos como 9 Patch) son objetos con márgenes definidos por el usuario que dividen una imagen en 9 secciones y cambian la forma en que se escala el objeto.

Los objetos 9 Slice se utilizan a menudo al crear interfaces de usuario u otros elementos del proyecto que necesitan mantener ciertas apariencias al escalar.

Típicamente, al redimensionar un objeto 9 Slice ocurren 3 cosas:

Las esquinas se mueven.
Las áreas laterales se estiran.
La parte en el medio solo se escala.

Si comienzas con el gráfico a continuación y tratas de escalarlo, puedes ver fácilmente las diferencias entre un objeto 9 Slice y un gráfico regular.

Gráfico Regular (sin márgenes 9 Slice) escalado horizontalmente al 230%. Nota cómo las esquinas de la imagen están estiradas y no se ven cuadradas.

Convierte el gráfico original a un objeto 9 Slice, con márgenes del 20% (líneas rojas).

Si escalas el objeto 9 Slice al mismo 230% horizontalmente, puedes ver que las esquinas del objeto mantienen su forma.

Creando Objetos 9 Slice

Puedes convertir cualquier gráfico en un objeto 9 Slice. Para hacerlo, abre la Biblioteca de Activos y navega al Gráfico que deseas convertir en un objeto 9 Slice.

Cuando encuentres tu gráfico, toca y mantén el dedo sobre él hasta que aparezca el menú de Activos. Desde el Menú de Activos, selecciona "Convertir a 9-Slice".

Convertir a 9 Slice creará automáticamente todos los márgenes al 40% para ti.

Modificando los Márgenes Predeterminados

Si deseas cambiar los márgenes predeterminados, selecciona "Vista Previa" desde el Menú de Activos.

La "Vista Previa 9-Slice" muestra visualmente las líneas de margen en tu gráfico y tiene campos de entrada con la posición de los márgenes (como un porcentaje de tu gráfico).

Para cambiar el margen puedes tocar y mover los círculos blancos en cada línea de margen o ingresar los números manualmente. Nota que, al arrastrar las líneas de margen, los campos de entrada manual se actualizan automáticamente con el nuevo porcentaje de posición.

Modificando Márgenes Específicos del Objeto

También puedes cambiar los márgenes para cada objeto 9 Slice específico que añadas a tu escena sin afectar al objeto 9 Slice original.

Para hacer esto, simplemente toca el objeto 9 Slice en tu lienzo y desde las Propiedades del Objeto cambia a la Pestaña de Propiedades Generales (la primera pestaña disponible).

En la Pestaña de Propiedades Generales, puedes ver los 4 márgenes y cambiar sus posiciones manualmente.