Oggetti 9 Slice
Gli oggetti 9 Slice (a volte chiamati 9 Patch) sono oggetti con margini definiti dall'utente che dividono un'immagine in 9 sezioni e cambiano il modo in cui l'oggetto scala.
Gli oggetti 9 Slice sono spesso utilizzati quando si creano interfacce utente o altri elementi del progetto che devono mantenere determinate apparenze quando scalati.
Tipicamente, con il ridimensionamento di un oggetto 9 Slice si verificano 3 cose:
- Gli angoli vengono spostati.
- Le aree laterali vengono allungate.
- La parte centrale viene solo scalata.
Se inizi con il grafico sottostante e provi a scalarlo, puoi facilmente vedere le differenze tra un oggetto 9 Slice e un grafico regolare.
Grafico Regolare (nessun margine 9 Slice) scalato orizzontalmente al 230%. Nota come gli angoli dell'immagine siano stati allungati e non sembrino quadrati.
Converti il grafico originale in un oggetto 9 Slice, con margini del 20% (linee rosse).
Se scaldi l'oggetto 9 Slice allo stesso 230% orizzontalmente, puoi vedere che gli angoli dell'oggetto mantengono la loro forma.
Creare oggetti 9 Slice
Puoi trasformare qualsiasi grafico in un oggetto 9 Slice. Per fare questo, apri la Libreria Asset e poi naviga verso il grafico che desideri trasformare in un oggetto 9 Slice.
Quando trovi il tuo grafico, tocca e tieni premuto il dito su di esso fino a quando non appare il menu Asset Menu. Dal menu Asset, seleziona "Converti in 9-Slice".
Convertire in 9 Slice creerà automaticamente tutti i margini al 40% per te.
Modificare i margini predefiniti
Se desideri cambiare i margini predefiniti, seleziona "Anteprima" dal menu Asset.
La "Anteprima 9-Slice" mostra visivamente le linee dei margini sul tuo grafico e dispone di campi di input con la posizione dei margini (come percentuale del tuo grafico).
Per cambiare il margine puoi toccare e spostare i cerchi bianchi su ciascuna linea di margine, o inserire manualmente i numeri. Nota che, quando trascini le linee di margine, i campi di input manuali vengono aggiornati automaticamente con la nuova percentuale di posizione.
Modificare i margini specifici dell'oggetto
Puoi anche cambiare i margini per ciascun specifico oggetto 9 Slice che aggiungi alla tua scena senza influenzare l'oggetto 9 Slice originale.
Per fare questo, basta toccare l'oggetto 9 Slice sul tuo canvas e dal menu Proprietà Oggetto passare alla scheda Proprietà Generali (la prima scheda disponibile).
Nella scheda Proprietà Generali, puoi vedere i 4 margini e cambiare le loro posizioni manualmente.