i am relatively new to this and i have just launched my first app, when i was filling in the information to launch the app on the dev account i realised that there was another screen size my app would need to fit, i have already completed the app and have made it a 4 inch screen size fitting the iPhone 5 and 5s, how can i make it compatible with the iPhone 4 and 4s? i have checked other questions but i don't really understand it if anyone can just give me a simple answer to this it will be greatly appreciated.
thank you
If you have more complicated UI then either use new .xib or Storyboard for 3.5 inch for all classes.
The solution is to use autoresizing masks or autolayot(constraints).
Attribute inspector for view controller have a list "Size". You can select 3.5" to watch out you app appear.
Related
I have got the application design in iphone SE (sketch). But I am designing app in iphone 8 plus. I want the exact sizes and dims for iphone 8 plus. But when I change the simulator I sketch it only changes the screen sizes not all the elements.
Open your storyboard and try clicking as picture below :
Change the view to iPhone 8 Plus :
As i know, Sketch allow you to use constraits for controls. Please, see here for more information.
If we talk about development process - auto-layout can help you with problem.
More about auto-layout you can find here
In the bottom of the Storyboard you can find this button
Click on it and you can choose what device you set your layout for.
All you gotta do is this: Add missing constraints
Here is the thing: I got a task to update current iOS App, which is quite old. All UI is made in xib's or frames, there are no constraints.
I have remade one screen totally on constraints, but nothing really happened. The app still looks stretched on iPhone 6/6+.
So what should I do to make adaptive UI work?
Yeah, you can, just turn on autolayout in the inspector in the right panel:
Your app may be auto-scaled by OS system. You should add LaunchScreen for it to support iPhone 4.7, iPhone 5.5 inch
http://oleb.net/blog/2014/08/replacing-launch-images-with-storyboards/
I've checked a lot of different websites and stackoverflow answers, and I'm still stuck.
I developed an app for iPhone and iPad targeting iOS 7.1. I have two storyboards, one for each device. The app only displays in portrait mode. I cannot seem to get the app to display full screen on the iPhone 6 simulator.
I've tried numerous things, I followed the advice linked here by adding a Launch Screen, setting the iPhone storyboard to auto layout and "use size classes", and . Not only does that not affect the size, but the Launch Screen doesn't seem to scale properly either. If I get it to fit the iPhone 6 it doesn't fit the iPhone 5 properly.
I've tried adding the proper launch images and I don't get any errors saying the wrong image resolution is present.
I've used the storyboard as a Launch Screen described here.
Now, when I switched to "use size classes" I could manually extend the objects in the views to match up with the size of iPhone 6 (I have not tested it for 6s) but that makes it extend past the iPhone 5 boundaries. The only thing I can think of right now is to create another storyboard and detect if it's iPhone 6, but I would really like some other ideas.
Here's what it looks like for iPhone 6:
And here's what it looks like on iPhone 5:
Best advice i can give u is
Use default size class , the classic 600x600 and then use Auto Layout
Or do the reverse, take a 3.5inch size VC and apply Auto Layout on it. Everything will present itself quite perfectly if you can apply the right constraints
Here is a link for an awesome Autolayout tutorial
I have existing iPhone app. Now i want it to give support for iPad app i Followed the below link (Converting Storyboard from iPhone to iPad). After implementing the suggestions given by tharkay. I run the app in iPad only Navigation bar coming properly but all components(like buttons, labels)are not resizing those are coming as iPhone size.
Can anybody help me to solve the problem?
Under your Project->Targets->General->Deployment Info make sure that in your iPad tab the right Main Interface is selected (it's your iPad storyboard name).
Use autolayout to setup the constraints on the UI Elements so that they can respond appropriately to different screen size like in your case iPad. Check out this link !
http://www.raywenderlich.com/50317/beginning-auto-layout-tutorial-in-ios-7-part-1
My ios app does not fit on iphone 5 screen. When I run the app, I can see blank space at the top and bottom of the screen. I have made the app compatible for both iphone sizes. But Since I have updated to the latest xcode, I am facing this issue. See screen shot. Can any one please help?
You probably may not have set your Default-568h image.
On the simulator make sure you have set to iPhone (Retina 4-inch).
You can do this by going simulator menu at the top go to Hardware->Device->iPhone (Retina 4-inch) that will change the phone simulator to the iPhone 5 version.
click here for more get information for naming convention of images [here]Naming convention for iPhone 5 images? [here]
Try setting AutoresizingMask to your container views instead of assigning appFrame.
I have faced the same problem while moving to iOS 7.
Solution comes with AutoresizingMask. iOS 7 has full Screen layout for ViewControllers.