Quali dovrebbero essere le dimensioni dell'immagine a @ 1x, @ 2x e @ 3x in Xcode?

Ad esempio, ho un pulsante di visualizzazione delle dimensioni o un pulsante di dimensioni 100*100 e desidero impostare la sua immagine o backgroundImage con un file locale .png. Sulla base della mia comprensione, ho bisogno di creare 3 serie di immagini, ad esempio 100*100 per @1x, 200*200 per @2x, 300*300 per @3x. Non sono sicuro che la mia comprensione sia corretta o meno, qualcuno può aiutarti?Quali dovrebbero essere le dimensioni dell'immagine a @ 1x, @ 2x e @ 3x in Xcode?

fonte

2015-05-05 user2053760

che è totalmente corretto! :) gli iPhone <4 useranno l'immagine regolare (@ 1x), l'iphone 6 più utilizzerà il più grande (@ 3x). gli iphone tra quelli usano l'immagine * medium * (@ 2x). Ecco una buona panoramica: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions –

Dai un'occhiata a [questo] (https://developer.apple.com/library/ios/ documentazione/UserExperience/concettuale/MobileHIG/IconMatrix.html). Spero che questo aiuti –

Dovresti accettare una delle risposte se ti ha aiutato. Incoraggerà gli altri a rispondere alle tue domande. Inoltre permetterà agli altri sviluppatori di sapere quale soluzione ha funzionato per te. – Yogi

Sì, hai ragione. Ma se si utilizza Assets è possibile eseguire tutto in un'unica immagine con tre slot per esso

fonte

2015-05-05 09:53:06 Azat

Come su elemento barra di navigazione? Ho un pulsante 40 * 40 come elemento della barra di navigazione, quindi le dimensioni dell'immagine dovrebbero essere 40 * 40 per 1x, 80 * 80 per 2x, 120 * 120 per 2x. Ma secondo il documento di Apple, la barra degli strumenti e l'icona della barra di navigazione dovrebbero essere circa 66 * 66, 44 * 44, 22 * 22 per 3x, 2x, 1x di conseguenza? Perchè è questo? – user2053760

Qual è il problema? Basta usare come suggerisce la documentazione – Azat

Utilizzare il catalogo delle risorse. Xcode gestirà il @ 1x, @ 2x, @ 3x easilly e ti dirà le dimensioni per le immagini.

Con esso è facile gestire le immagini AppIcon e LaunchScreen.

fonte

2015-05-05 09:56:19

Per @3x aumentare la dimensione dell'immagine di @1x di 3 volte!

ad es.

15 x 15 = @1x

30 x 30 = @2x

45 x 45 = @3x

100 x 100 = @1x

200 x 200 = @2x

300 x 300 = @3x

15 x 10 = @1x

30 x 20 = @2x

45 x 30 = @3x

Spero che questo sia utile a voi !

fonte

2015-05-05 10:11:54

Questo NON è corretto. Per le immagini '@ 3x' devi aumentare la dimensione dell'immagine' @ 2x' di 1.5x: 15 x 15 = '@ 1x', 30 x 30 =' @ 2x', 45 x 45 = '@ 3x' –

Quindi quale è corretta? – Mark13426

Quale è il modo corretto per definire la dimensione dell'immagine di un pulsante! 1x = 15 * 15, 2x = 30 * 30 e 3x = 45 * 45 o Questo 1x = 15 * 15, 2x = 30 * 30 e 3x = 60 * 60! – Rex

Secondo la mia comprensione, se la dimensione dell'immagine è 100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

C'è qualcosa da capire. Creando le immagini 2x e 3x, non è possibile aspettarsi lo stesso layout da ogni schermo dell'iPhone. Il layout sarà diverso da schermo a schermo. Dimensioni delle immagini 1x, 2x e 3x che riguardano solo la densità dei pixel dello schermo.

Supponiamo di avere un'immagine che è 320 * 70 e si sta creando

@1x -> 320 * 70

@2x -> 640 * 140

@3x -> 960 * 210

Questa sarà la vostra uscita nelle diverse schermate.

fonte

2016-04-09 09:39:01 enadun

Questa risposta è supportata da [guide di Apple] (https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/): "Supponiamo di avere una risoluzione standard @ Ad esempio, un'immagine che è 100 px per 100 px. La versione @ 2x di questa immagine sarebbe 200px per 200px. La versione @ 3x sarebbe 300px per 300px. – RoberRM

Molto ben spiegato, questo dovrebbe essere accettato come risposta .. e un +1 per questo .. –

Ma qual è il punto di tenere le immagini in 1x, 2x e 3x dimensioni? Perché non mantenere l'immagine @ 3x.Il sistema lo risolverà automaticamente per risoluzioni dello schermo 2x e 1x. In questo modo la dimensione dell'app diminuirà? – crypt

Sì, la vostra comprensione è corretta.

Un'immagine con risoluzione standard ha un fattore di scala di 1,0 e viene indicata come un'immagine @ 1x. Le immagini ad alta risoluzione hanno un fattore di scala di 2,0 o 3,0 e sono indicate come immagini @ 2x e @ 3x. Supponiamo di avere una risoluzione standard @ 1x immagine che è 100 px x 100 px, per esempio. La versione @ 2x di questa immagine sarebbe 200 px x 200 px. La versione @ 3x sarebbe 300px × 300px.

Per maggiori dettagli è possibile controllare questo link https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

fonte

2017-04-10 07:13:54

potresti per favore aiutarmi questo http://stackoverflow.com/questions/43995059/how-to-add-images-for-different-screen-size-from-assets-xcassets-in-xcode-8? –

Quali dovrebbero essere le dimensioni dell'immagine a @ 1x, @ 2x e @ 3x in Xcode?

risposta

Problemi correlati