I have no idea why, but the colours seem to be changing from the XIB/Storyboard to the device/simulation.
See below for a clear example of what's happening (the red has been added in Photoshop to hide the company name)
On the left is the xCode Storyboard, on the right is the simulator.
As you can see, the shade of blue is dramatically changed!
Any idea as to why, and how I can fix this?
Related
I recently looked at my app's main.storyboard and realized that there is a big, blue, rectangular box covering half of some of my viewcontrollers (image is pasted here). Only the UIViewControllers connected to the UITabBarController are affected. I did not even realize that this had happened, despite having moved to xCode7 a while ago. It is a bit annoying since dropping any UI element into the view controller causes that element to 'go behind' this blue region and so I can't see them. It is not that the default color is set to blue or anything; it is not a clickable object to even set display parameters to. Anybody have any ideas how to fix this... or even what it is?
Edit: This is not a problem singular to this particular XCode project. Any new project I create and insert a TabBarViewController has this issue.
Edit 2: Problem disappeared then came back. Posted the problem (which persists on for even a brand new xcode project with tab bar view controller). It is at https://github.com/AlekPiasecki/XcodeProblems
Edit 3: To anybody that has the same issue: This is almost certainly due to hardware. I have the latest version of XCode (the XCode 8 beta) and OS Sierra installed on my computer. The github post continues to have the same issue for me, but it appears fine on computers which do not have these betas installed. As far as fixing the problem now that I am stuck with these Xcode and OS versions... I still have no idea.
Adding an image to the TabBarViewController fixes this issue. The blue box goes into whatever size the image is, so making the image really small (like, say, a pixel) shrinks the blue box so that is invisible (essentially). This works in practice as a solution, but don't know how to truly permanently get rid of it.
This is a Xcode error that will be fixed in 8.2 release.
This is the Apple official note about this problem.
Look in the link for Interface Builder > Resolved Issues > UITabBarController
https://developer.apple.com/library/prerelease/content/releasenotes/DeveloperTools/RN-Xcode/Introduction.html
In Xcode 7.3 the visual debugger no longer shows the light grey outline around each view, making it hard to see the different views. This is what I see (it is missing the grey outline):
This is what it used to show in Xcode 7.2 (it has the grey outline arounds views):
Any ideas why, something I need to turn back on, a bug maybe? I have tried toggling the options along the bottom of the visual debugger.
I am showing Wireframes and Contents and toggling constraints seem to be broken too!
Anyone else seeing this?
I looked at another Xcode and the lines were there, so assuming this is a bug, I reinstalled Xcode and it fixed itself.
Editor > Canvas > Show Bounds Rectangles
I am having this strange problem. I have added icons of sizes 120*120, 58*58, 80*80. This is what I usually add as icon for all my iPhone apps. And there is no rounded corner in the design. But, when i run the app on iPhone4(IOS7), the icon shows a strange black line on all four edges(not on the rounded corners). I have cross checked the dimensions and confirmed it is all ok. I even tried migrating my app to asset catalogues, tried hard reseting the device but nothing helped. Then I tried running the same app on an iPad(running IOS8) and I found a similar issue, just that the lines now appear on two sides, not all. All other icons are ok. The problem just happens for this one app. Can anyone tell me what might be the probable issue and how to resolve it?
The icons might have transparent edges. Remove the transparent edges.
In my case, it was a drop shadow attached to the icon which came along with the export. Sometimes designers add this drop shadow effect so you can better visualize the icon when designing, but if you add this to your app, you will get thin black lines around the app icon.
I have been trying to solve this app icon color issue all morning. I am still experiencing this after going through both of these highly recommended photoshop/iOS design articles:
http://davidmckinney.com/blog/2013/12/31/designing-iphone-apps-how-to-setup-photoshop
http://bjango.com/articles/photoshop/
Here is the problem that I am having:
When creating my app's icon, the color that I see in Photoshop is the exact same color that I see in xcode's asset catalog. It is also perfect when I run the app on the iOS simulator.
However, when I run my app on my iPhone the app icon's color is always darker.
What's weird, is if I take a screenshot of my iPhone's screen and email it to myself, the color is correct! So for some reason the color is only darker when you are actually looking at the iPhone's screen.
Pardon my ignorance, but this is the first design I have ever done for an iOS app and I don't understand why this is happening or how to fix it.
EDIT: I am now using LiveView after reading this answer: https://stackoverflow.com/a/3597221/3344977
What's funny is no matter how hard I try I cannot get the color I see on my screen to appear on my iPhone screen. It's as if this shade of Pink I'm trying to use just isn't possible to render on an iPhone display.
This is because your iPhone and Monitor screens have different color calibrations (if that's the right term)
You're going to want to setup a color profile on your computer that matches the iPhone screens as closely as possible, and use that when developing icons.
for some reason the color is only darker when you are actually looking at the iPhone's screen
Consider turning up the brightness on your iPhone. Go to Settings->Wallpapers & Brightness to adjust it.
In any case, the issue isn't that the value of the color is changing on your device, it's just that that color value is being rendered differently.
Its because the resolution of your screen is different than your iOS device try it on other device
In Mainstoryboard (I'm not sure if this also applies to earlier versions) I want to put two buttons very close to each other with one or two pixels separating them. Mainstoryboard allows this, but when I run it on the simulator, it puts one button partially on top of the other, even though they're supposed to be separated. I think this might have to do with the white border that appears around a button when you double-click it, but I can't find any way to change this border. Does anyone know what is going on?
So the problem was caused by the fact that I was using the iPhone 4 simulator with a mainstoryboard that was supposed to go with the iPhone 5. So it was cramming the buttons together and changing locations to fit them onto the smaller screen. I fixed it permanently by changing my simulator to the 4 inch retina display.