I have been designing a app on xcode over the past week but I have encountered a problem. When I run the app on iPhone simulators (3.5 inch and 4 inch) my game is scrollable when it shouldn't be. I want my app to be displayed on full screen of iPhone with no scrolling.
I have not changed any of the settings in storyboard so I am starting to think maybe its a problem with the simulator?
Anyone have any ideas of what's wrong and how I could correct this? Any help would be appreciated
The question is pretty vague (how are you "designing" the game? With SpriteKit? UIKit?) but here is some reading material that should get you pointed in the right direction:
- AutoLayout
- Autosizing
I think this is just an issue with the simulator. It seems like if the resolution of the screen is below a certain amount, it shrinks the simulator window to fit, and then you have to scroll around inside the simulator to see the whole VIEW. I noticed this issue because my Macbook has a small screen. But when running on an actual device, it takes up the whole screen as it should. You could try using different simulated devices with smaller screens to see if it still does it.
Related
I have an iPad app that I'm converting to a universal app to show on phones. It has both a tab bar and a navigation bar, and my problem is that they are both way too big on the phone. I could swear I heard Paul Hegarty (from the iTunes U class from Stanford on Swift app development) mention a switch or trick somewhere that would cause the bars to adapt to the iPhone, but I can't find it.
Here are screenshots of my apps bars, vs the Photos app in the iPhone 6 simulator to show what I'm talking about.
Not a huge difference, but significant on a small phone screen.
My fonts are also way to big, which is confusing since I have them set to the system "headline" or "body" options for all size classes, but that may be a separate issue.
Any help is greatly appreciated!
App written in Swift, using storyboards for iOS8, btw.
Edit:
The more I look at this, the more I'm convinced it's not related to the bars, but the entire app - the fonts and everything. The whole app appears to be zoomed in to 120%, which is subtle, but looks really bad and wastes space.
I have also now seen this in a second app - the Apple DateCell sample. It also appears 'zoomed in' when run on the iPhone 6 simulator.
Edit 2:
This effect is even more exaggerated on the iPhone 6 Plus simulator - everything is even more 'zoomed in' looking - the top and bottom bars are almost twice the height they should be. This can be seen by downloading the Apple DateCell sample and running it.
Edit 3:
ARGGGG, all this time wasted, and it was due to the launch screen image - why on earth would a launch screen image not being set cause the entire app to scale?
I finally figured this out - it was related to the launch screen image. Apparently if it's not setup right, the whole app scales on the iPhone 6 and 6 Plus for some reason. This question is what pointed me to the answer.
For me, I had to both create a LaunchScreen image in Assets, and set it in the project file, and ALSO select the launchScreen.xib as the Launch Screen File in the project. I don't have a real launch screen yet, so these are both just empty or defaults in my case.
Well, my problem it´s not code related. Almost all visual iOS Applications that i make at xCode got distortions at run time, for example I put a text input at the very center of the Mainboard and the simulator puts it way below than that at execution time. I would attached an image of an example regarding the problem, but I don´t have the reputation. What could the problem be? I´ve already uncheked NSLayout settings
You are creating your views for 4 inch screen and then run Simulator for 3,5 inch screen. No surprise that your positions are different. You should use Autolayout + constraints or UIView:autoresizingMask property to make your GUI change automaticaly for different screens.
Start with this article http://www.raywenderlich.com/50317/beginning-auto-layout-tutorial-in-ios-7-part-1
I am trying to test an app in the simulator (3.5 retina iPhone) and am running into a bit of an annoyance. I can't see the bottom 10th of the screen...
I have tried the Cmd+3 shortcut but unfortunately that part of the screen is still missing. For example, the card should be in the middle of the screen below:
For this app, I have some components at the bottom of the screen that I can't see in the simulator. For now, I'm having to move the components further up the screen so that I can test them but it isn't ideal.
Has anyone else encountered this issue?
I think you have designed your view for the 4 inch display, and have not set up autolayout/springs and struts to layout your view correctly.
I followed the advice of this question:
Converting Storyboard from iPhone to iPad
and it worked, but my iPad screens seem to be too tall...maybe about 150% too tall. And the user has to scroll down to see the UITabBar.
Would anyone happen to know why that happened and how it can be fixed?
Thanks!
That sounds that the simulator is just too big for your monitor. Try going to the Window menu and changing the scale to something smaller. You could also try setting the device to the non-retina iPad.
I need your help. I have designed an app to target iPhone only and everything works fine. However, I just realised that when I run it on iPad, I get black spaces around the screen (view doesn't cover full screen of the iPad) and strangely, the bottom part of the app gets cut off when it runs on iPad. How do I get full screen iPad mode without part of the view getting cut off. Thanks
This is normal behaviour(black spaces around the screen) if the value for "Devices:" under Target/deploymentInfo is set to iPhone. In this case you can still test on iPad but with iPhone resolution. (but if it set to iPad you can not test on iPhone).
if you want to get iPad resolution you have to change "Devices:" value to universal.
for (bottom cut) check if your code uses device size for positioning buttons.
Your app must also run on iPad without modification as for
2.10 App Store Review Guidelines
At first, you have to set your the view (on Main.storyboad) to fit all size. That is `wAny hAny).
Then selected the views, add some constrains to them one by one. When you run the app, it should be right. If the position doesn't match your expectation, you can change the constrains. You should know things about AutoLayout. Find some article to read, and practise.
Thanks guys for all the comments. Using your comments and reading and testing AutoLayout features, I am able to solve the problem.