You know that grey circle with white "X" in it in textboxes for iPhone controls that is used to delete the current line of text, is that available as an icon somewhere? I'd like to put that icon along with the words "Clear" into a UIButton but not sure if that is availalbe. Thanks.
Apple's website uses a reset icon in its search field that you could download. Not sure how well it will work with the iPhone 4 display PPI though. (It doesn't seem to appear when I visit the site with an iPhone.)
This is not part of the public API, you'd have to use your own custom image. Which could simply mean using an editor to slice it out of a screen shot.
Related
"the itunes icon submitted within iTunesConnect in the app management must not have rounded corners or gloss"
Can I add settings for "Prerendered" for it to have pre-set corner and gloss for it?
You can do any thing with the image. But I guess rounded will not be accepted because Itunes renders it itself. And if you put a shade. Itunes will put another shade in it so your image will not be shown as your need.
For my experience, it not recommended to put a shade on it, because Apple will apply their own one. In fact, your app may not be accepted. Also, there are another conditions for icons etc (read ITunes good practises).
The area where the corners will be rendered (and they will be there, since the system adds them automatically! There is no way arround the corners.) is just never displayed anywhere. You can do what you want in that area, but it doesn't have any usage.
But I will not recommend you to add corners to your image, since the corner doesn't have the same radius in different situations/resolutions.
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
Can anyone help me with the small buttons/icons used within the iphone apps. I am fairly new to the app world and trying to make some buttons(viz the tick box) for my app. I am not sure if we should start with a 50X50 and autoresize in the app or just have a 20X20 which exactly fits the space...
Any help on this is appreciated..
According to Apple, buttons should be at least 44px wide, and 44px high (unless they're by themselves with nothing near them, in which case 22px high). If you're laying out buttons in IB, I'd say get them placed correctly, and set their 'springs and struts' to autosize for you.
Try to do like this,
Put 50*50 button that you need in your project ,and add an image to your interface builder,
select the image that you put recently in Button attributes and select button size by ctrl+3
and set it to 20*20 it works ,it works for me also...
I have successfully placed an image into the lefthand ImageView of a default UITableViewCell and this shows up as a white image over the background blue of a selected row. However the image is invisible when the table cell background is white.
The image came from a 3rd party iPhone tabbar icon set, hence it is white. Can I programatically flip the image to black? Or is there an Apple Mac icon editing utility that will allow me to apply this change?
(I know some will be tempted to cast this question out to another end-user stackoverflow site but before you do consider that there are 100's or 1000's iPhone tabbar icons on the net and a few developers would probably be interested in adding these to their iPhone App UI outside of a UITabBar.)
Opacity is one of the best icon editing utilities. It has preview modes for how the icon will look on the iPhone, in the App Store, as well as on the web.
Also, Acorn is popular and easy to use.
Originally I though I'll just take a screenshot of my app on the iPhone then tweak it in Photoshop.
The images should be 480 x 320 according to Apple doc, and the dimensions of my screenshot are 480 x 320. But, the screenshot contains notification area (where reception bars, battery life, etc. are displayed)
So, if I chop that part off my image will be a bit shorter and not 480px high.
What do I do? Submit a shorter image? Stretch it up so it's 480px but without the notification bar? Submit it with the notification bar in the image?
How did you create your Default.png?
There is support in Xcode for creating the default image. With the device connected, open the Organizer (Window > Organizer). Click the Screenshot tab, take a screenshot and click "Save as default image..." Choose your project and bingo jingo, you're done.
You can leave the notification area in the screenshot. The iPhone will draw the real notification bar over it.
iOS 7 update: the iOS 7 Transition Guide explicitly requires this:
Update the launch image to include the status bar area if it doesn’t already do so.
I think the best way to do it is to use the Xcode screenshotter & edit some of the GUI elements out, like the artwork or text on your buttons so people don't get frustrated when pushing 'buttons' on the Default.png doesn't make your app respond.
If you have a status bar, then you should design 320x460 (less 20 pixels).
Though it is correct that you can leave it at 320x480 and have the real status bar paint over the default.png, it will look weird when the phone is in Internet tethering mode or has a call on hold (another 20 pixels).
By cropping to 320x460, it looks better when in tethering mode.
Just edit out the notification area to match the background of the rest of the image. As long as your image is 480x320 you should be fine.
However, if your app takes more than a few seconds to load, you may want to rethink using a screenshot of your app as the startup screen. People might get confused and think the app is finished loading, when in fact it is not. I've seen some apps produce a "stylized" version of their UI in Photoshop, making it clear that it's just an image and not the actual UI.
you should remember that you maybe need also some space for an In-Call status bar or the Tethering status bar. this bar has a height of 20 pixels. Even apple does not make it right. Put a call on hold and start "Photos" or the "Weather" app, then you can see what I mean. To test that you can use the menu "Toggle In-Call Status Bar" in the iPhone Simulator app.
you can use a real 480x320 image if you add the boolean key UIStatusBarHidden to your Info.plist file and set it as true.
Take a screen shot as many of the answers already mention. However, if your screen shot includes the status bar, you should remove it/replace it with a transparent strip instead. It is true that the iPhone will cover this part of Default.png with the current status bar however, if you run the iPhone app on the iPad, you will still be able to see this part of Default.png.
I built a slightly modified version of the initial view in IB, ran the app with that and took a screen shot. That way, everything looks very iPhoney, no Photoshop needed. Don't worry too much about clipping the top, it will mirror how the view actually looks when loaded if more stuff covers it.
Apple recommends something similar to what the user will see when the app loads. E.g. for my Sudoku app, instead of the grid, the default.png shows a "please wait" message. When the app is loaded, that disappears and you see the grid you can interact with. It looks fluid, and it's obvious when it's loading and when you can interact.
Finally, the interface uses some toolbar buttons. In the default.png they are in the disabled state (grey text). When the app is loaded, they are enabled and change color.