ios - icon - Che taglia dovrebbero essere le immagini TabBar?



objective-c uitabbarcontroller (4)

30x30 è punti, che significa 30px @ 1x, 60px @ 2x, non da qualche parte nel mezzo. Inoltre, non è una buona idea incorporare il titolo della scheda nell'immagine: si avranno risultati di accessibilità e risultati di localizzazione piuttosto scadenti del genere.

Ho icone per un tabBar di dimensioni 100.

Ho controllato le linee guida per l'interfaccia umana di Apple e dice che la dimensione dell'immagine dovrebbe essere 30x30 / 60x60 .

Ma poiché l'altezza del controller della barra delle schede è 50, ho mantenuto la dimensione dell'immagine a 50x50 .

Ora, quando eseguo il progetto, vedo il brutto disegno qui sotto:

Qualche idea sulle dimensioni delle immagini che dovrei usare in modo che il design sia perfetto?

Nota: non sto scrivendo del testo (es. Casa, Ricerca, ecc.). Il testo del pulsante tab è lì nell'immagine stessa.


Pollice in alto prima di usare i codici per favore !!! Crea un'immagine che copra completamente l'intero elemento della barra delle schede per ciascun elemento. Questo è necessario per usare l'immagine che hai creato come pulsante di una barra delle schede. Assicurati di fare in modo che il rapporto altezza / larghezza sia lo stesso di ogni elemento della barra delle schede. Poi:

UITabBarController *tabBarController = (UITabBarController *)self;
UITabBar *tabBar = tabBarController.tabBar;
UITabBarItem *tabBarItem1 = [tabBar.items objectAtIndex:0];
UITabBarItem *tabBarItem2 = [tabBar.items objectAtIndex:1];
UITabBarItem *tabBarItem3 = [tabBar.items objectAtIndex:2];
UITabBarItem *tabBarItem4 = [tabBar.items objectAtIndex:3];

int x,y;

x = tabBar.frame.size.width/4 + 4; //when doing division, it may be rounded so that you need to add 1 to each item; 
y = tabBar.frame.size.height + 10; //the height return always shorter, this is compensated by added by 10; you can change the value if u like.

//because the whole tab bar item will be replaced by an image, u dont need title
tabBarItem1.title = @"";
tabBarItem2.title = @"";
tabBarItem3.title = @"";
tabBarItem4.title = @"";

[tabBarItem1 setFinishedSelectedImage:[self imageWithImage:[UIImage imageNamed:@"item1-select.png"] scaledToSize:CGSizeMake(x, y)] withFinishedUnselectedImage:[self imageWithImage:[UIImage imageNamed:@"item1-deselect.png"] scaledToSize:CGSizeMake(x, y)]];//do the same thing for the other 3 bar item

Secondo la mia pratica, io uso il 40 x 40 per l'icona dell'elemento sulla barra delle schede dell'iPad standard, 80 X 80 per la retina.

Dal riferimento Apple. https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/BarIcons.html#//apple_ref/doc/uid/TP40006556-CH21-SW1

Se vuoi creare un'icona a forma di barra che sembra correlata alla famiglia di icone di iOS 7, usa un tratto molto sottile per disegnarla. In particolare, un tratto da 2 pixel (alta risoluzione) funziona bene per icone dettagliate e un tratto da 3 pixel funziona bene per icone meno dettagliate.

Indipendentemente dallo stile visivo dell'icona, crea una barra degli strumenti o l'icona della barra di navigazione nelle seguenti dimensioni:

Circa 44 x 44 pixel Circa 22 x 22 pixel (risoluzione standard) Indipendentemente dallo stile visivo dell'icona, creare un'icona nella barra delle schede nelle seguenti dimensioni:

Circa 50 x 50 pixel (massimo 96 x 64 pixel) Circa 25 x 25 pixel (48 x 32 pixel al massimo) per la risoluzione standard






uitabbaritem