In some cases, iPads display a small bar on the side of my iPhone app. I don't know what it is doing there or why. Been looking around for quite some time, but I can't find any information on the subject. May be I don't know what I'm looking for.
The problem is best described through a screenshot, here's a partial:
The grey bar is the problem. It appears out of nowhere and blocks a small part of the GUI. This screenshot is made with iOS 7, I have also seen it with iOS 6. On iOS 6, the bar is in a darker color, somewhat blackish.
Anyone familiar with this kind of issue?
Related
I've updated one of my apps to support both iOS6 and iOS7. After the update was approved, the icon for the app in search results is incorrect on iOS7.
As you can see, the icon is correct on the app page, but not correct in the search results page (you can tell by the rounded corners). It is showing the iOS6 icon in the search results.
I setup the icons for the projects with the new method that uses the Images.xcassets folder. In iTunesConnect, I uploaded the new icon, and the iTunesArtwork and iTunesArtwork#2x files are both the correct versions.
I'm fairly convinced this is an issue on Apple's end. Here is a thread on another website about the same issue:
iOS7 App store search icons. Btw, if you check various apps in the App Store, you can see that a lot of them have this common problem, the icon displayed in search results is the incorrect/iOS6 version.
Anybody know what the deal is? This is so annoying.
I had the same problem with one of my apps on iOS7. It seems it is an issue on Apple's side.
I had everything setup correctly in Xcode, but the icon displayed in search results was wrong.
In the last update I finally solved the problem. It seems Apple always takes "Icon#2x.png" for search results on the App Store. It doesn't matter what you set in Images.xcassets or Info.plist. Apple will probably fix the problem soon, for the moment you can just replace the "Icon#2x.png" file.
If you were looking for an answer to this problem, this isn't the answer you were looking for. I feel that it is too late in the game for Apple to do anything about this issue, since at this point nobody cares about iOS6. Therefore, the best course of action is to just make all icons for iOS7, meaning if you have a border in your icon, make the roundness of the border match iOS7 for all sizes. This will result in the icon looking slightly weird on an iOS6 device, but at this point that is an extremely minor issue.
This is my first iPhone app (iPhone 5), and it's basically ready to submit to Apple except...
I'm stumped on how to get my app to display on the iPad like it would in compatibility mode if it had a 3.5 inch screen. But it has a 4-inch screen, of course. It's an iPhone 5 app. And Apple has not yet provided a compatibility mode (that I am aware of) that will display the 4-inch screen properly in compatibility mode on the iPad. Instead, compatibility mode distorts and cuts off the 4-inch layout and smushes it into a 3.5-inch compatibility mode box.
I have read all of the stackoverflow Q&A's that I could find, plus many other web pages, tried numerous approaches, but all solutions end up with my iPhone storyboard layout distorted on the iPad and/or nailed to the top left portion of the iPad screen, or both.
I've been banging my head on this for days.
I sure hope someone can help.
You know how 3.5-inch iphone apps look on the ipad in compatibility mode? That is EXACTLY how I want my iPhone 5, 4-inch screen to look on the iPad, but with the 4-inch dimensions. I do not want the app to occupy nearly all of the iPad screen. Just a box that looks like the iphone 5 app, hanging right there centered in the iPad screen. I don't have a problem with figuring out how to connect things to my view controllers, fwiw.
I don't know how to put this any more specifically. If my question is unclear, perhaps someone could help me to restate it? This is NOT a duplicate of other stackoverflow topics I have been able to find. But I'm willing to be corrected.
Hellllp! :-) Thanks in advance for any light you may be able to shed. I'm hoping to avoid starting from scratch to create a usable iPad presentation for my iPhone 5 app.
iPad doesn't work like that. I believe the reason is that the 2x button would not scale properly for the 4 inch screen.
Either way, you need to make sure your app works well for the 3.5 inch screen anyway, this may be a good time to rethink some of the design of your app to make sure it works well in a 3.5 inch screen.
I am new to xcode and mobile app design in general, but was able to pull together some resources and make a nice looking app optimizing for iPhone 5. However, I noticed a few problems with compatibility and am hoping someone can suggest to me a quick fix.
First, I take advantage of the entire iPhone 5 screen size, and when loaded on iPhone 4 or earlier the placement of icons is all awry. Would this be fixed by just making the entire view scrollable somehow? And if so, can someone point me in the right direction to accomplish this?
Second, I've noticed that if I am using my app while in a call (and therefore have the green notification bar at the top) it also causes misalignments for my objects. Is there a way to prevent this?
Thanks for the advice.
If you are targeting iOS 6 you should take advantage of Auto Layout. Here is a good tutorial to get started http://www.raywenderlich.com/20881/beginning-auto-layout-part-1-of-2
Add a Default-568h#2x.png launch image.
and check the all screen.
I am new to UI design, however a client wants an app ready for both iPhone 4s & 5.
I understand the iPhone 5 will create two bars if the image is not long enough. Many people said coding it at #2x will solve the problem. But I'm not sure exactly what that means.
Do I need to design two versions? What happens if I design only for iPhone 5? Will iPhone 4S users see a squished screen?
Thanks.
First, in a couple of months you'll have to support the iPhone 5's screen size. Apple have announced that it'll be a requirement soon.
Adding a Default.png of the right size is enough to enable an app to support the new screen size but is likely not enough. You'll also need to make sure that all your views resize to fill the screen. There's the old "springs and struts" method and the newer "constraints." There are tutorials you can search for -- Stackoverflow is not a good place for that kind of thing. You'll also need to update any images.
In short, try it in the Simulator and see what happens.
Using #2x is referring to whether or not the image asset is being displayed on a 'retina' screen. For example, if you had a 50x50 pixel image, the 'retina' (#2x) version would be 100x100. This is because 1pt (point) is equal to 2px (pixel) on a retina screen.
There are a variety of ways you can determine is it is an iPhone5 or iPhone4.
In the viewDidLoad, you could check the self.view.frame.size.height to determine which background image to load based on the height of the screen. This would require you to have two different versions of the assets (not including #2x versions), i.e. bg_iphone5.png & bg_iphone4.png.
There are other ways to accomplish this, and people have explained it better than I have here - search StackOverflow and you will surely find what you're looking for.
What happens if I design only for iPhone 5? Will iPhone 4S users see a squished screen?
Don't do this. Design for both.
I currently develop a website in mobile safari. I am stuck on a problem that the text shadow behavior in iOS5 and iOS4 is completely different such as the blue effect. And the result of text shadow position is also different between iPhone 3G (non-retina) with iOS5 and iPhone 4 (retina) with iOS5. CSS code is "text-shadow: 0 1px 1px #ffffff". Can someone tell me how to fix this issue?
I've just come across this - I had an App rejected from Apple due to the difference with the way Io5 displays text-shadows. Text shadows which previously looked fine now appear to display badly in Io5, creating blurry textm and as a result the app failed Apples Human Interface Guidelines.
It would appear to suggest that text shadows, at least ones on dark text on a light background, can no longer be used on iPhone apps.
As thirtydot suggested, there is nothing you can do about this. This is the way safari renders your html and css.
The only thing you could and should do is file a bug to apple. Go to http://developer.apple.com and check where to file a bug about this.