2015-04-20 23 views
5

Ho creato un'applicazione utilizzando lo storyboard e un controller della barra delle schede con 3 schede. Ogni scheda ha un'icona di tabulazione e un titolo di tabulazione e ho due immagini di stili (selezionata e deselezionata) per le icone delle schede. Entrambi sono 54 * 54.Come visualizzare correttamente l'icona dell'elemento della barra delle schede

checked is blue unchecked is gray

Quando seleziono la voce scheda barre utilizzando storyboard, nel suo attributi ispettore, Se ho impostato l'immagine del prodotto Bar per essere la controllata uno, mostrerà qualcosa di strano in questo modo:

strange

Naturalmente non è quello che voglio. Suppongo che il problema sia che l'icona selezionata è blu.

Mi chiedo come posso ottenere l'icona giusta per la scheda. Sia nella giusta misura che nell'aspetto.

Inoltre, qualcuno potrebbe dirmi qual è la differenza tra "Tab Bar Item" e "Bar Item"?

enter image description here

+0

ridimensionare l'immagine in anteprima e aggiungere nuovamente al progetto? Dovrebbe essere 30x30 per @ 1x se ricordo bene. –

+0

Il problema relativo alle dimensioni è stato risolto. Grazie –

risposta

2

Per risolvere il problema con 'cosa strana' con l'immagine, si può fare questo in codice: (Mi dispiace, non so la parola corretta per che o)

UIImage *image = [[UIImage imageNamed:@"imageName"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 

Poi assegnare questa immagine per l'immagine del UITabItem:

UITabBarItem * tabItem = [tabBarController.tabBar.items objectAtIndex:0]; 
tabItem.image = image; 

io non so esattamente come si può fare questo in storyboard.

Si potrebbe anche ridimensionare l'immagine alla dimensione corretta, sia all'esterno (utilizzando l'anteprima) o all'interno, con codice (Cerca un metodo per ridimensionare un UIImmagine).

+0

Ho trovato un modo per risolvere questo: basta usare quello non selezionato e renderlo "2x" in Images.xcassets. Suppongo che il problema sia forse il controllo è blu. –

2
  • di Emissione: I consigliamo di utilizzare Sketch come App Strumento Icona che è in grado di importare la vostra icona, uno personalizzato o scaricato uno, a tre dimensioni (@ 1x, 2x @ e @ 3x) comodamente. E non ti consiglio di impostare la dimensione dell'icona nel codice.
  • Evidenzia Problema: hai mostrato di avere tipi di luce diversa per icona, puoi impostare uno blu come icona di evidenziazione per Selected Image nel pannello Tab Bar Item.
  • Item Bar Problema: penso che lo Bar Item sia parte di Tab Bar Item. Se hai appena utilizzato l'icona Default, ad esempio More, favorited, feather, non è necessario impostare Tab Bar Item. E scegli il tuo icon nel Tab Bar Item dopo aver selezionato System Item come Custom.
0

Ho appena incontrato la stessa domanda! E poi ho capito!

Non c'è niente di sbagliato con il codice o impostazione

Si tratta di tuo IMMAGINE e

Si può solo osservare le applicazioni del telefono. (Quasi) tutte le icone di elementi scheda bar sono in grigio.

Quindi l'icona mostrerà le loro parti UN Hollow in grigio !!

[Inoltre, in base alle API ufficiali, hanno scritto in questo modo:

Per impostazione predefinita, le immagini non selezionate e selezionati vengono creati automaticamente dai valori alfa nelle immagini sorgente. Per evitare la colorazione del sistema, fornire immagini con UIImageRenderingModeAlwaysOriginal.

]

Di conseguenza la soluzione è: USO Sketch per rendere l'icona del cuore-parte del l'istanza di essere cava

Problemi correlati