Size of Nav Bar icons

Get Started | Login

Discussion Forums > Status Bar, Navigation Bar

Replies: 7 Views: 148

Netsam buzztouch Evangelist Posts: 5 Reg: Jan 08, 2013 Arlington TX 6,550	confirm \| cancel 02/12/13 04:49 AM (11 years ago) Size of Nav Bar icons On the Nav bar, what size and file type should the icon be? I've used 50x50 in size and .jpg and .png (transparent background) file types and can't get them to load. Title Comments On the Nav bar, what size and file type should the icon be? I've used 50x50 in size and .jpg and .png (transparent background) file types and can't get them to load.

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	02/12/13 05:59 AM (11 years ago) Which platform? http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html http://developer.android.com/guide/practices/ui_guidelines/icon_design.html Cheers! -- Smug Comments Which platform? http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html http://developer.android.com/guide/practices/ui_guidelines/icon_design.html Cheers! -- Smug

Kittsy buzztouch Evangelist Posts: 2251 Reg: Feb 22, 2012 Liverpool 31,360	02/12/13 06:22 AM (11 years ago) how are you adding the icons if it is interface builder ensure the button type is custom Comments how are you adding the icons if it is interface builder ensure the button type is custom

tb buzztouch Evangelist Posts: 2050 Reg: Nov 03, 2011 Oxford 32,300	02/12/13 08:46 AM (11 years ago) You should have 30x30 as a standard icon, and for the retina ones, use 60x60. I always do this. The files should always be in PNG format, because PNG allows transparency. Dont use JPG because it doesn't allow for transparency, so it will just look like a plain block. Comments You should have 30x30 as a standard icon, and for the retina ones, use 60x60. I always do this. The files should always be in PNG format, because PNG allows transparency. Dont use JPG because it doesn't allow for transparency, so it will just look like a plain block.

tb buzztouch Evangelist Posts: 2050 Reg: Nov 03, 2011 Oxford 32,300	02/12/13 08:47 AM (11 years ago) If you're clever with the sizes, you can make some overlap the Tab-Bar and have the effect of sticking above into the app. Sometimes it works. Comments If you're clever with the sizes, you can make some overlap the Tab-Bar and have the effect of sticking above into the app. Sometimes it works.

Netsam buzztouch Evangelist Posts: 5 Reg: Jan 08, 2013 Arlington TX 6,550	02/13/13 01:34 PM (11 years ago) Ok .. i've tried all the above, but the app is still not showing the icons. Maybe I'm not setting the icons in the right place (i'm still new to buzztouch .. but love it). Under Layout / Tabbed Layout .. I define screen, label, and icon .. and in selecting the icon, I actually have to upload it and select it. The icons I created are 40x40 and 20x20 ... and I even tried 30x30 .. and they are .png files. When I go to the app, it shows the navbar tabs at the bottom but no icon. Any help would be much appreciated. Comments Ok .. i've tried all the above, but the app is still not showing the icons. Maybe I'm not setting the icons in the right place (i'm still new to buzztouch .. but love it). Under Layout / Tabbed Layout .. I define screen, label, and icon .. and in selecting the icon, I actually have to upload it and select it. The icons I created are 40x40 and 20x20 ... and I even tried 30x30 .. and they are .png files. When I go to the app, it shows the navbar tabs at the bottom but no icon. Any help would be much appreciated.

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	02/14/13 12:18 AM (11 years ago) ohhhhhhhh. I bet you haven't added the icons to your project. Despite the fact that we 'upload' resources (documents, images, etcetera) to your BT control panel, those resources don't actually get put in your package; you still have to add them manually to your project. Make sure you 'Add' them, and not just copy them in. Check out this quickie from GoNorthWest. Make sure you add your icons (and anything else you expect to be 'included' in your binary) and you should be good to go. https://www.buzztouch.com/files/howtos/Adding_Files_To_A_Project_v1.0.pdf Cheers! -- Smug Comments ohhhhhhhh. I bet you haven't added the icons to your project. Despite the fact that we 'upload' resources (documents, images, etcetera) to your BT control panel, those resources don't actually get put in your package; you still have to add them manually to your project. Make sure you 'Add' them, and not just copy them in. Check out this quickie from GoNorthWest. Make sure you add your icons (and anything else you expect to be 'included' in your binary) and you should be good to go. https://www.buzztouch.com/files/howtos/Adding_Files_To_A_Project_v1.0.pdf Cheers! -- Smug

Netsam buzztouch Evangelist Posts: 5 Reg: Jan 08, 2013 Arlington TX 6,550	02/14/13 04:17 AM (11 years ago) @Smug .. you were exactly right .. and just moments before your posting MrDavid assisted me in showing exactly what you described (which shows you, too, know your stuff). Thanks for the post and reference (awesome 'How to' reference) from GoNorthWest . Issue resolved. Thanks everyone. -- Netsam Comments @Smug .. you were exactly right .. and just moments before your posting MrDavid assisted me in showing exactly what you described (which shows you, too, know your stuff). Thanks for the post and reference (awesome 'How to' reference) from GoNorthWest . Issue resolved. Thanks everyone. -- Netsam

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.