iOS apps image sizes - ios

I am in the final stages of my app and after much research I can not find an answer to my question and I dont want my app to be bounced back for a silly thing...
I've buttons that are images within my app, I've read the apple guidelines and there is nothing around a preferred size of button images within the app. Do I've to provide 2 images one in low res and another in high ress of a button background image like a "bin" that would scale perfectly to higher ress just by stretching it?

Apple recommends at least 44x44 points for anything that can be touched by the user on iOS. You can find that information here: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Characteristics/Characteristics.html
Hope it helps! :)

Related

view images in ios7 app and make interactive

ok guys im not to shure where to start with this one its a first for me but i have a floor plan that i would like to show in my IOS7 App and i know i want the user to shrink and grow the image so he or she can zoom in to areas of the map. it would be nice if they could click on the an area of the image and it would be linked to data in my parse database. but i think thats a long way off for me.....
but for now just to let the user shrink and grow and rotate the image would be nice.
anyone got any tutorials they can point me to?
Have a look at Apple's PhotoScroller example. Here an ARC-ready version.
This will not cover rotating the image, but you can easily get this by following this tutorial.

Where to find glossy background images for UIButton?

I want to have a glossy button in my iPhone app (in the style of the black toolbar). However, as you all know, those are not included in the SDK.
So I wonder if anyone knows where to get ready to use button images.
I have of course googled for that, but I could not find any useful graphics. My requirements to button graphics are:
should match Apple's style used in the black toolbar / titlebar
should have resolution high enough for retina devices
should be available for commercial use (does not need to be free)
I have also taken a look at some programmatic solutions like Michael Heyeck's Shiny Red Buttons which are quite well done. However I would prefer to have a simple png file to use as a button background image.
You can try the link here - it might help .

Is there a way to have a different Default.png (splash image) for different languages/locales in iOS? [duplicate]

This question already has answers here:
Closed 10 years ago.
Possible Duplicate:
Localization of Default.png is not working
My splash screen has English text in it, so I would like to be able to have a different splash image when users have a different language set.
Is this possible?
Yes, it's possible. Pretty much the same way you localize all your resources.
You just need to provide a Default.png image and then enable all the languages you're interested in. The result is that you'll get a copy of the image for each language into the respective folders. Then edit (or overwrite) each image as you need. I have tested it right now and it works fine (on iOS 5 but I believe is the same for older versions). Here is a screenshot for easy reference:
EDIT:
Regarding any doubts about whether or not this is a good practice, this is straight from Apple's documentation:
In addition to including the launch images at the top level of your
bundle, you can also include localized versions of your launch images
in your app’s language-specific project subdirectories. For more
information on localizing resources in your app, see Table 6-2.
No.
Edit: Indeed, I'm dumbfounded. Like nevan-king I'm going to leave my answer nevertheless, since I still think that's the way it is intended to be done by the iOS guidelines (and my personal opinion about localizing whole images in order to localize its text...).
A splash screen is not intended to provide information. Splash screens are only shown for like a second or so, so it would be unfeasible to show text anyway.
Common practice for what you want to do is to use your image without text as splashscreen, and after that show a custom view with your image and localized text for a few seconds.
That way it will seem like you had a localized splash screen (and the text appears shortly after the image, which is fine).
However, keep in mind that the idea of iOS apps is fast responsiveness, so only show a "startup screen" if you must (for marketing reasons or whatever).
Read this for further information: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW5
There's no way to do this. Instead, make a Default.png with no text.
Edit: I stand corrected. Just tried Alladinian's method and it worked. I'll leave my answer, as it's a useful technique to know.
You can do this pretty easily in Photoshop by selecting a square, then copying it and pasting it over the text. Use Marquee to select a square of your graphic (say an empty part of a navigation bar). Then hit "v" for the move tool. Use cmd-opt and move the square a little to the left, then cmd-opt-shift so that it doesn't move up or down. Move the square over the text and let go of the mouse button. Repeat as necessary.
If you want to see how Apple handles multi-language splash screens, open Maps or Mail. They have a Default screen with no text, then the text appears (in whatever language) when the app has loaded.

iOS / xCode4: image sizes for TableViews and Pickers

Is there any indicator in xcode about the size of table cells and picker cells, so I can work out how big my images need to be in there, how much gap to leave for the edges etc. Just need some kind of guidelines indicator as to where my cursor is on the control I suppose. How do you guys deal with working out layouts?
Thanks (sorry if the question is a bit wooly).
Xcode does not provide any such guidelines to do so, but there are some other software that can be used.
You can use MockApp or omni graffle to design your apps. You can also use photoshop but it might be an over kill if your app is small or low budget or if you dont know how to use it.

Make page flip animation on iPhone (like magazine)

What would be the best approach to make one page flip like a real magazine? Like I put the finger in the corner of the screen then flip the page, as in this video.
Is it a sequence of images? All images are in one View or Imageview? Or there is another way to do it using the some stuff of the SDK? Does this effect exist, or would I have to write it?
This would fix your magazine problem... https://github.com/ole/leaves/tree/twopages
If it was me i'd try to use the API that someone has provided, save yourself some trouble:
CodeFlakes PaperTouch API
That's just a sequence of images as the backgrounds, and the "text" scales horizontally narrower.
For detail implementation you need to ask the original developer.
UIPageViewController is a new class in iOS 5 that you might be interested in if you don't have to support older iOS versions.
(before someone warns me about NDA, note that this class was announced publicly on one of wwdc keynote slides, I'm just giving a link to docs which can only be accessed by iOS Developer Program members)

Resources