iOS: immagini multiple o singola immagine in scala

0

Ho un acceso dibattito in ufficio. Abbiamo un'app con due pulsanti di dimensioni diverse. (Uno è largo 40 px e uno è largo 150 px). Hanno lo stesso identico aspetto in termini di immagine di sfondo.

Vorrei sapere quale è la migliore pratica:

1: crea un'immagine per lo sfondo largo 40 px e un'altra immagine larga 150 px.

o

2: crea un'immagine (150 px) e ridimensiona e riutilizza per il pulsante 40 px.

Non sono sicuro di quale overhead delle prestazioni abbia l'operazione di ridimensionamento, e ho bisogno di controbilanciarlo rispetto alle dimensioni dell'app se usiamo immagini separate per ogni controllo di dimensioni diverse.

Grazie!

    
posta Retief Fourie 19.09.2013 - 14:33
fonte

1 risposta

0

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.

    
risposta data 24.09.2013 - 11:10
fonte

Leggi altre domande sui tag