Barra delle schede iPhone Risoluzione dell'immagine dell'articolo?

StackOverflow https://stackoverflow.com/questions/151746

  •  02-07-2019
  •  | 
  •  

Domanda

Qual è la risoluzione dell'immagine per l'elemento della barra delle schede?

Inoltre, ti preghiamo di fornire alcune altre informazioni utili sull'immagine di quella scheda.

Grazie in anticipo.

È stato utile?

Soluzione

La documentazione dice che l'immagine della barra delle schede è in genere 30x30, ma ho scoperto che la dimensione migliore per impostare le immagini è 48x32 pixel. Questa dimensione rende ancora e ti dà un po 'più di spazio.

L'immagine è un PNG con trasparenza, viene utilizzata solo la maschera. L'interfaccia utente rende la maschera grigia quando non selezionata o blu / cromata quando selezionata.

Altri suggerimenti

http://developer.apple .com / iphone / biblioteca / documentazione / UserExperience / concettuale / MobileHIG / IconsImages / IconsImages.html

  

Quando possibile, dovresti usare i pulsanti e le icone forniti dal sistema in barre di navigazione, barre degli strumenti e barre delle schede ... Per un elenco completo di pulsanti e icone standard e linee guida su come usarli, vedi " Pulsanti e icone forniti dal sistema. "

     

Naturalmente, non tutte le attività eseguite dall'applicazione sono standard. Se l'applicazione supporta attività personalizzate che gli utenti devono eseguire frequentemente, è necessario creare icone personalizzate che rappresentino queste attività nella barra degli strumenti o nella barra di navigazione. Allo stesso modo, se l'applicazione visualizza una barra delle schede che consente agli utenti di passare tra le modalità di applicazione personalizzate o sottoinsiemi di dati personalizzati, è necessario progettare icone della barra di schede che descrivono chiaramente queste modalità o sottoinsiemi. Questa sezione fornisce alcune indicazioni su come progettare icone che funzionano bene nelle barre di navigazione, nelle barre degli strumenti e nelle barre delle schede.

     

Prima di creare l'arte per la tua icona, devi passare un po 'di tempo a pensare a cosa dovrebbe trasmettere. Mentre consideri i disegni, punta a un'icona che sia:

     
      
  • Semplice e ottimizzato. Troppi dettagli possono far apparire un'icona sciatta o indecifrabile.
    •   
  • Non facilmente confondibile con una delle icone fornite dal sistema. Gli utenti dovrebbero essere in grado di distinguere la tua icona personalizzata dalle icone standard a colpo d'occhio.
    •   
  • Prontamente compreso e ampiamente accettabile. Sforzati di creare un simbolo che la maggior parte degli utenti interpreterà correttamente e che nessun utente troverà offensivo.
    •   
     

Dopo aver deciso l'aspetto della tua icona, segui queste linee guida mentre la crei:

     
      
  • Utilizza il formato PNG.
    •   
  • Usa il bianco puro con l'alfa appropriata.
    •   
  • Non includere un'ombra discendente.
    •   
  • Utilizza l'antialiasing.
    •   
  • Se decidi di aggiungere uno smusso, assicurati che sia di 90 ° (per aiutarti, immagina una fonte di luce posizionata nella parte superiore dell'icona).
    •   
  • Per le icone della barra degli strumenti e della barra di navigazione, crea un'icona che misura circa 20 x 20 pixel.
    •   
  • Per le icone della barra delle schede, crea un'icona che misura circa 30 x 30 pixel ...
    •   

Questa affermazione è tecnicamente errata:

" ... viene utilizzata solo la maschera. L'interfaccia utente rende la maschera grigia quando non selezionata o blu / cromata quando selezionata ... "

Non stai fornendo alcun tipo di maschera. Piuttosto, l'immagine della scheda dovrebbe essere semplicemente una monocromatica .png, ovvero un usato solo 1 colore .

Se si fornisce un'immagine a colori, UIKit la quantizzerà in un'immagine monocromatica. Nel peggiore dei casi, l'immagine a colori sarà ~ 8000 byte, che è uno spreco di ~ 6k (retina). Il formato del file deve essere .png a 24 bit con trasparenza affinché la quantizzazione funzioni correttamente. Anche se questo è un formato di file a colori, non usare il colore o stai sprecando spazio.

La linea di fondo è quella di avere le dimensioni giuste, con le migliori prestazioni e l'utilizzo della memoria, utilizzare uno di questi:

Display standard
& nbsp; & nbsp; 48x32 .PNG, 24 bit con trasparenza (ma usa solo 1 colore) . Peggior dimensioni del caso ~ 500 byte.
& nbsp; & nbsp; 30x30 .PNG, 24 bit con trasparenza (ma usa solo 1 colore) . Peggior dimensioni del case ~ 350 byte.

Display Retina
& nbsp; & nbsp; 60x60 .PNG, 24 bit con trasparenza (ma usa solo 1 colore) . Dimensione del caso peggiore ~ ??2000 byte.

Controlla il riferimento di classe " UITabBarItem " nella Documentazione SDK

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top