UITextField blurred text

Question

I am having a problem with a UITextField\'s text being blurred/anti-aliased even with a standard font size. The text will appear crisp when the control is the first responde

Answer 1

Solution from this site explains that it can be related to resizing and iOS does not take care of this bug for layers, only the various views. I updated it to Swift 4:

view.contentScaleFactor = UIScreen.main.scale

Answer 2

I would love to contribute as I just discovered the answer on my own after quite a bit of frustration.

The UITextField in InterfaceBuilder has a forced frame height of 31 pixels. This cannot be click-dragged to resize nor can it be set in the frame properties in IB. You need to go to viewDidLoad and adjust the frame height to 32 pixels, and this should solve the problem.

Hopefully, future versions of IB will correct this.

Answer 3

Use CGRectIntegral to make sure the text fields' frames are based on integer coordinates. You'll get fuzzy antialiasing when things lie on fractional coordinates.

Answer 4

In addition to using non-fractional positioning one should make sure to use a non-centered vertical alignment for the UITextField. Looks like centered vertical alignment in combination with an odd font size results in blurred text, too.

Answer 5

Simply setting the UITextField frame height to an even value fixed it for me.

Answer 6

I encountered this problem before. The solution below works perfectly for any text or frame size because it uses the round function to get rid of the fractional pixel values. Insert the following code after your instantiation of the uitextfield in question.

CGRect temp = textField.frame;
temp.origin.x = round(temp.origin.x);
temp.origin.y = round(temp.origin.y);
textField.frame = temp;