Tabbed bar controller icon - cannot display png - iphone

I am trying to get a 31x31 png icon to display without much luck.
I have lost count of the different settings I have applied to numerous copies of the icon.
Used all combinations when saving as a PNG from within Photoshop.
Even tried downloading an ICC color profile for the iphone - again no luck.
Can anyone tell me how the set up the photoshop file and save it so I can successfully get png files to show on the tabbed bar?

Is your PNG file part of your project file? You'll need to add it to the project as well for it to get copied over to the Simulator/Device as part of the bundle.
Also, since the Tab Bar images use the PNG transparency - not the graphics themselves - to render, can you double check that your image is not 100% non-transparent? Otherwise it would appear as all black. What is your image's background in photoshop?

Related

Set image for tab bar IOS

I'm experiencing issue when trying to set png image for tab bar item icon for my iOS application. If I'm creating png image (with transparent background) and setting it, everything works as expected, but when I'm using another png file (created by another person, or downloaded from web) it not works. Actually in my case I'm making png file from .pdf file and it's absolutely not clear for me why this not works. For more information please see screen captures below (top image represents not working one).
Thanks in advance.
Those specific icons/buttons work funky in terms of PNG and transparency for those images. You have to have look at the png's you download in image preview, make sure transparency exists for the white space. If there is whitespace it'll come through and show in your iOS app. Any other nonwhitepsace transparency will show up dark. It threw me off the first time I encountered this, A lot of graphics and PNG's you download from the internet doesn't have transparency built in or they have it very subtle. THose will show up as a blob for your ViewController Tabs.
Here is a good resource and guideline I found: http://steveweller.com/articles/toolbar-icons/

Iphone tab bar icon

I should probably be asking this on some art website, but in my iPhone app I am trying to make a center button on my tab like the one Daily booth has, but mine is coming out fuzzy. Does anyone know how to make then clean and crisp? I used illustrator to create and save the icon as a png.
Try setting the image size to 30x30 and remember to only use black and transparency. You can make this bigger for the retina display.
Also, are you saving the image as grayscale?
If you're struggling to make them yourself, why not try glyphish.com?
I really like Paint.NET on Windows for image editing, mostly because it is free.
I noticed somebody had created an Effect for Paint.NET to create tab bar icons. I haven't tried it myself, so can't vouch for it in any way:
http://www.softpedia.com/get/Multimedia/Graphic/Graphic-Plugins/iPhone-TabbarIcon-Maker-Alpha-from-RGB-Intensity.shtml

Correct colour display of Default.png on iPhone

I'm using the Default.png method to create a splashscreen. I'm using the same file for my background and the Default.png (except default.png has the 20 pixel status bar at the top).
However, the iphone isn't displaying them in them the same. The Default.png is being displayed darker than the background, so it's painfully obvious when the app is loaded.
As a visual example of what I mean, please see below:
The image on left is the Default.png whereas the image on the right is when the app has loaded. The difference looks subtle here but when the whole image changes, it looks quite drastic.
Is this an issue with the colour-formatting of the pngs? Or is this an iOS feature whereby the Default.png appears slightly darker anyway?
It's probably not worth mentioning but I'm using Monotouch to develop my app, I doubt that would have anything to do with this.
I had a problem like this after editing a screenshot with OSX's Preview to cut out the status bar (as needed for iPad splashes). Preview sticked a color profile, and splash screen appears darker than the real thing in device.
If you open the image with GIMP, it shows a dialog offering to convert the color profile to SRGB. Take it (press "Convert") and save the image. This fixes the color difference.
Solved the problem. The designer sent me new versions of the backgrounds and the Default.png is now displaying the correct colour.
I have a feeling I had saved the previous version with a different colour profile to the background, hence why it was being displayed differently.

iPhone PNG image displays differently in Android TextView drawable

I have a PNG file formatted for the iPhone I used in a TextView drawable. The image is just two words in black text on a white background, when you view it. On the iPhone it shows as two words in white text on a black background. On the Android it shows as two words in black text on a transparent background.
Can someone tell me how to make the Android image show as white text on a black background by configuring the Android TextView? I'd like to save time from creating new PNG files.
Thanks in advance!
The iPhone uses a non-standard PNG format. Xcode will automatically create files changed to this format for you when it compiles your app. What you should do is not grab the PNG from your app resources bundle and instead use the original PNG you created in your image editing software. See this blog post for more details.
Are you sure you are using the "same" image? If the image is "black text on a white background" how does the iphone invert it to white on black?
can you post the image on here so we can see it?
And yes, you need to mark answers accepted or you will probably find it hard to get anything ever answered.

iPhone screenshot different colour when displayed

I've taken a screenshot of my iPhone app running and I'd like to use that image as a png to be drawn by the app instead of generated graphics.
When I take the screenshot, it looks fine. However, when that is saved as a PNG file, added to the Xcode project and then displayed back on the screen of the phone (or simulator) the colours are different.
Can anyone explain to me why it's changing? (I'm guessing there's a colour space conversion happening).
How can I stop this from changing?
You might be saving the png image with some incorrect settings which is either reducing the quality or number of colors used. Try the PNG-24 with transparency to see if that helps at all.