2014-04-22 6 views

risposta

12

Creare una navigazione barra delle icone nelle seguenti misure:

About 44 x 44 pixels 

About 22 x 22 pixels (standard resolution) 

più informtation potete trovare qui https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/BarIcons.html

+0

quello che dovrebbe essere la dimensione del pulsante della barra a guardare come predefinito – user2823044

+0

dovrebbe essere max 44 x 44 per i dispositivi retina o 22 X 22 per il dispositivo non retina –

+4

E ora abbiamo bisogno di 66 x 66 pixel @ immagine 3x troppo. per i nuovi iPhone 6. –

1
1. iPhone 5  88/64 px 
2. iPhone 4/4S 88/64 px 
3. Retina iPad 88 px 
4. iPad Mini 44 px 
5. iPad   44 px 

La barra di navigazione di solito comprende un titolo così come pulsanti di navigazione e di azione di base (come tornare alla vista precedente, creare, modificare, ecc). Nell'orientamento orizzontale, l'altezza della barra di navigazione viene solitamente ridotta di un bit (a 32 pt) per consentire la visualizzazione di più contenuti sotto di essa.

Rif Link: documentazione http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

0

Verificare di Apple per l'icona e le dimensioni dell'immagine here. Per informazioni dettagliate sulle icone dell'interfaccia utente, controllare here.

7

Le dimensioni raccomandare nel docs per le icone della barra di navigazione sono i seguenti:

@1: 25 x 25 
@2: 50 x 50 
@3: 75 x 75 

Creare tre immagini dei pixel di dimensioni precedenti e quindi aggiungerli a un nuovo set di immagini nel Assets.xcassets file.

enter image description here

Note

  • Quando provo a fare le icone alle dimensioni consigliate, sembrano troppo piccole per me. In realtà li faccio un po 'più grandi di quello. Quindi prendi le raccomandazioni del doc come punto di partenza, ma potresti dover apportare le modifiche necessarie.
  • Un secondo metodo consiste nell'utilizzare una singola immagine vettoriale universale (pdf) (vedere here e here). Not everyone recommends this, ma è il metodo che uso ora. È comodo e rende più facile la modifica e il ridimensionamento delle immagini future.