Puoi creare un'immagine ridimensionabile per personalizzare lo sfondo di diversi elementi dell'interfaccia utente standard, come popover, pulsanti, barre di navigazione, barre delle schede e barre degli strumenti (inclusi gli elementi su queste barre). Fornire immagini ridimensionabili per questi elementi può migliorare le prestazioni delle app.
Per molti elementi dell'interfaccia utente, puoi anche specificare i limiti finali oltre a un aspetto di sfondo. Un limite finale definisce un'area dell'immagine che non dovrebbe essere ridimensionata. Ad esempio, potresti creare un'immagine ridimensionabile che include quattro tappi terminali che definiscono i quattro angoli di un pulsante. Quando l'immagine viene ridimensionata per riempire l'area di sfondo del pulsante, le parti definite dai cappucci terminali vengono disegnate invariate.
A seconda delle dimensioni dell'immagine ridimensionata che fornisci, iOS si allunga o lo affianca in modo appropriato per riempire l'area di sfondo di un elemento dell'interfaccia utente. Per allungare un'immagine significa ingrandire l'immagine, senza riguardo per le sue proporzioni originali. Lo stretching è performante, ma di solito non è consigliabile per un'immagine a più pixel che può distorcere. Per affiancare un'immagine è necessario ripetere l'immagine originale tante volte quanto necessario per riempire l'area di destinazione. La piastrellatura è meno performante dello stretching, ma è l'unico modo per ottenere un effetto con texture o con motivi geometrici.
Come regola generale, dovresti fornire l'immagine più piccola (escluso i cappucci) che darà l'aspetto che desideri. Ad esempio:
Se vuoi un colore a tinta unita senza sfumature, crea un'immagine 1 x 1 punto.
Se desideri un gradiente verticale, crea un'immagine con una larghezza di 1 punto e un'altezza corrispondente all'altezza dello sfondo dell'elemento dell'interfaccia utente.
Se si desidera fornire un aspetto testurizzato ripetuto, è necessario creare un'immagine con dimensioni che corrispondano alle dimensioni della porzione ripetitiva della trama.
Se si desidera fornire un aspetto testurizzato non ripetitivo, è necessario creare un'immagine statica con dimensioni che corrispondano alle dimensioni dell'area di sfondo dell'elemento dell'interfaccia utente.