iOS simulator does not display TextFields correctly - ios

I was designing a login screen for an app. The screen itself is pretty simple. In the Storyboard editor I see:
When I run it on a simulator (iPhone 6s Plus), however, things do not seem right. The textfields do not appear:
If I click into the area where the textfield is supposed to be, I can see it is really there:
I think the issue might end up being just the display, but I want to make sure. Has anyone else had this happen? What was the reason for this issue?

You have set the UITextBorderStyle of your text fields to None. That means they have no visible border. If that isn't what you want, pick a different border style.

Evidently, the border was there, the display was so low quality that I couldn't really see it :/

Related

Safari IOS Having clickable elements at top of screen doesn't work very good with landscape on Iphone

I have this app that has a bar at the top of the page that has a bunch of clickable elements it has always been a problem since on Safari IOS when clicking high up it brings down the address bar and exits fullscreen. We solved this initially by adding some padding up top to make the clickable area larger but they seem to have increased this size on IOS 13 and adding more padding will make it look horrible. Anyone had this problem and have a workaround for it?
Some way the click area for bringing down the address bar smaller or something?
The big problem is that we need our app to stay in fullscreen so the most optimal would be to be able o decrease the clickable area for the address bar to come down or to be able to block it in landscape mode is there really no way to go around this? for instance going into twitch.com on safari and iPhone and put it in landscape you are not able to press the search icon.
I have the same issue, I don't think is possible to fix this as it seems to be a safari issue, if you check not event apple.com site works as expected.
The workaround I did is detecting when the app gets out of fullscreen by comparing the screen.height with the screen.availHeight and move the top bar just below the address bar and there users can click, not optimal, but works for us. :)
Hope it helps
In your CSS code try to remove every value of "REM" "VW" "VH" use only pixels "PX". that should fix the issue 100%.

UISegmentedControl works on iPhone but not iPad?

I use a UISegmentedControl, with 2 segments that spans the width of the screen.
This works as expected on iPhone. Tapping cat mode switches the highlight to cat mode, and the appropriate functions take place. However, on iPad, tapping Cat Mode does nothing. No highlight switch, no functions. If I start the highlight on Cat Mode, the same thing happens in reverse (all good on iPhone, Dog Mode can't be selected on iPad).
I use obviously one storyboard for both iPhone and iPad with Autolayout, and I'm not varying anything related to this segmented control for traits, so I have no clue what's going on. All other functions perform properly on iPhone and iPad.
Please let me know if I can provide additional info to help solve this question.
Thanks!
There was a Google Ad Banner blocking it. View debugger helped me see that. Thanks #matt for the suggestion to try it.

iphone simulator only shows the background images not the labels and text box, why is this?

This is a simple iOS mobile app exercise. I have a image as a background, and then the labels and text box are added. I run the simulator and it shows correctly. but after a while I run the simulator again, the simulator only shows the background image, the text box and labels are not there anymore. I restart writing everything many time and the same thing happen at some point. This is driving me crazy. Did anyone know what is going on here??? Thank you so much in advance for your help!!!
if you done with story board than your object must be in right order.
Right/Proper Way
Wrong Way
I supposed you drag all button, label,text box objects in the storyboard. All the thing are supposed to disappear if you do not used any Layout stuff. Please try AutoLayout.
Or if you write the code to show your label in viewDidLoad(), please add the objects to your subview as self.view.addSubview(yourObjects).

Zoomed in ipad simulator?

For some reason, when I run my app, the game is zoomed in in the ipad simulator. I have to use a scroll bar at the right in order to move the screen up or down. The only way I've managed to get the entire thing looking normal is to scale it to 75% but I want to keep it at 100%. Does anyone know what the problem is and how I can fix it?
I get the same. There's plenty of room for the simulator to not be zoomed, but it is, like so:
The best solution I've found is to got to Window -> Zoom All. I have this bound to a keyboard shortcut so I can quickly fix it, but I haven't been able to find a way to make it not open zoomed.

Wrong color in UIImageView

It looks like UIImageView (or the underlying UIView is changing my colors.
iPad simulator is on the left side, and on the right side is the same view from IB.
I have same effect on UITableViewCell, and on other views in the application. What's the problem, and how to deal with it?
It looks on a real iPad just like on a simulator.
My guess would be that it has something to do with this, though I'm not too sure what it does. You might wanna try playing around with it and see what you get.
You need not to care about how it appears in the IB. The actual appearance you can see is in Device only.
Even the simulator and the Device may give different appearance of the images.
Well, I've found out (by looking at jpeg sources using Dropbox iPad app) that the problem actually goes deeper into that: StackExchange post.
That solved my question. It still looks differently in IB and on device, but it's now pretty close to what I get in Photoshop.

Resources