Get Updates By E-mail 

Article Written By:
Johann Dowa

Example Code: Custom iOS Text Fields With Interesting Animation Effects

  •  
  •  
  •  
  •  
  •  

I’ve mentioned a few projects for creating text fields with the floating label effect, most recently the Swift based component FloatLabelFields.

Here’s a source code example containing several excellent text field effects from Raul Riera.

The three different effects include a nice sliding door type effect that slides a label out-of-the-way exposing the text field, floating label type effects with colored lines to indicate the field,text fields that expand horizontally.

These three images from the readme show the 3 different effects included in TextFieldEffects in action:

TextFieldEffects

TextFieldEffects

TextFieldEffects

You can find TextFieldEffects on Github here.

A nice example showing how to create several different text field effects.


  •  
  •  
  •  
  •  
  •  

Submit A Resource

Have you created a useful tutorial, library or tool for iOS development that you would like to get in front of our 300,000+ monthly page views from iOS developers?

You can submit the url here.

The resources we feel will appeal to our readers the most will be posted on the front page.

Comments