How To Make App For Both iPhone And iPad?

ljp1203

Hi all,

I need help with developing a part of my app.

To get this out of the way, my partner and I have decided to develop strictly for the iOS platform as it is more fluent, responsive, and just a better all around ecosystem. Sorry Android lovers, but it's true, and I am an Android owner myself, I can't wait to get my iPhone 5 in November

Now that is over, I can get onto the real business. I am the Lead Developer for our app. And I decided, tonight that we should develop our app for both iPhone 4, 4S, 5 AND iPad 2 , 3, 4. I have picked this option because obviously it will get us a broader audience. But most importantly we could use the screen realestate to add more functionality.

That being said, I don't know if my partner should develop the graphics for iPad 2 at 1024 x 768. Then develop images at 2048 x 1536 for iPad 3 and 4. Also, how would we design the app to where if the app is launched on an iPad 3 or 4, that it will show the 2048 x 1536 images, and not the 1024 x 768 images? And vice-versa?

Help with this would be greatly appreciated!

Thanks!
-Landon

BlastByte

It depends on the art really but generally with raster art it'd be easier to create it at the highest resolution you will support and then just scale it down. You'd pretty much have to recreate all the art otherwise as scaling up isn't usually an option due to the loss in quality.

You can still develop the app itself at 1024x768 and use the original hi res art for the iPad retina display.

To automatically switch images for different resolutions look here - http://www.giderosmobile.com/documentation/automatic_image_resolution.html

Personally I'd create art at 2048x1536 and save these files at @2x so I can comfortably develop the app at 1024x768 with half sized artwork.

Alternatively, if it's a possibility, create your art as vectors then export them at the correct sizes.

Edit: You also mentioned more screen estate for extra functionality and if you were thinking of having different layouts for iPhone and iPad there's a thread discussing this here - http://www.giderosmobile.com/forum/discussion/comment/13761#Comment_13761

ljp1203

Hi @BlastByte

Thanks for the response!

That helps, but it doesn't answer my question fully. I need to know how to code the app to where it will recognize if it's an iPhone 4, 4S, 5 or iPad 2, 3, 4, and then show the correct images.

Maybe @atlim , @gorkem, or @OZApps would maybe also know!

Thanks!
-Landon

OZApps

@ljp1203,
Have you tried to have a look at the Project Properties tab? You can right click the name of your project in the topleft side of the window. Under the graphics Tab, you have "Image Scales" where you can set the suffix and the scales.

have a look at the documentation that comes with Gideros, it has the local HTML file that explains the same. ( automatic_image_resolution.html )

You can have different images for each of the devices, which will be displayed instead.

Run this project and change the desktop player's resolution to iPad, iPad Retina, iPhone (320x480), iPhone4 and refresh (press run again after changing the resolution)

ar2rsawseen

@ljp1203 I think you may find this thread useful with some great insights from @moopf about handling multiple resolutions on IOS
http://www.giderosmobile.com/forum/discussion/1929/understanding-scaling-and-resolution-on-different-devices#Item_1

techdojo

You can easily check WHICH device type your running on (and hence which layout options etc you want by calling the Application:getDeviceWidth() and :getDeviceHeight() functions.

If the width is 320 or 640 then your on a phone (either normal or retina), else it's an iPad, you can also call the Application:getDeviceInfo() function to return various specifics as well.

Scouser

@ljp1203: this post explains how to detect iPad/iPhone & the different resolutions associated with the different devices using application:getDeviceInfo().