AnimatedTextInput alternatives and similar libraries
Based on the "TextField & TextView" category.
Alternatively, view AnimatedTextInput alternatives based on common mentions on social networks and blogs.
-
JVFloatLabeledTextField
UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users -
PYSearch
🔍 An elegant search controller which replaces the UISearchController for iOS (iPhone & iPad) . -
SkyFloatingLabelTextField
A beautiful and flexible text field control implementation of "Float Label Pattern". Written in Swift. -
Reel Search
:octocat: 🔍 RAMReel is a UI controller that allows you to choose options from a list. Swift UI library made by @Ramotion -
NextGrowingTextView
📝 The next in the generations of 'growing textviews' optimized for iOS 8 and above. -
InputBarAccessoryView
A simple and easily customizable InputAccessoryView for making powerful input bars with autocomplete and attachments -
RPFloatingPlaceholders
UITextField and UITextView subclasses with placeholders that change into floating labels when the fields are populated with text. -
KMPlaceholderTextView
A UITextView subclass that adds support for multiline placeholder written in Swift. -
UITextField-Navigation
🏄♂️ UITextField-Navigation makes it easier to navigate between UITextFields and UITextViews -
PasswordTextField
A custom TextField with a switchable icon which shows or hides the password and enforce good password policies -
CocoaTextField
Apple TextField created according to the Material.IO guidelines of 2019. Featured at Medium. -
ARAutocompleteTextView
ARAutocompleteTextView is a subclass of UITextView that automatically displays text suggestions in real-time. This is perfect for automatically suggesting the domain as a user types an email address, #hashtag or @alexruperez. -
CHIOTPField
CHIOTPField is a set of textfields that can be used for One-time passwords, SMS codes, PIN codes, etc. Mady by @ChiliLabs - https://chililabs.io -
AwesomeTextField
Awesome TextField is a nice and simple libriary for iOS and Mac OSX. It's highly customisable and easy-to-use tool. Works perfectly for any registration or login forms in your app. -
Streamoji
DISCONTINUED. :godmode: Custom emoji rendering library for iOS apps with support for GIF & still images - plug-in extension for UITextView - performance, cache ✅ - Made with 💘 by @GetStream -
CBPinEntryView
A customisable view for entering arbitrary length pins, codes or passwords in iOS. Supports iOS 12 one time codes. -
MBAutoGrowingTextView
DISCONTINUED. An auto-layout base UITextView subclass which automatically grows with user input and can be constrained by maximal and minimal height -
MVAutocompletePlaceSearchTextField
iOS - Subclass of UITextField to achieve autocompletion for Place Search like Google Places, Uber and Much more apps having maps. -
RSFloatInputView
A Float Input View with smooth animation and supporting icon and seperator written with Swift -
NxEnabled
DISCONTINUED. Library that allows you binding `enabled` property of button with textable elements (TextView, TextField)
WorkOS - The modern identity platform for B2B SaaS
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of AnimatedTextInput or a related project?
README
AnimatedTextInput
iOS custom text input component used in the Jobandtalent app.
Installation
Use cocoapods to install this custom control in your project.
pod 'AnimatedTextInput', '~> 0.3.0'
Usage
Use the main class AnimatedTextInput
. Create it either by code or dragging a new instance of UIView
into your storyboard/nib file and setting its class in the identity inspector.
Types
Currently there are 6 different types, defined in the AnimatedTextInputType
enum.
Text: basic text input, same behaviour as UITextField.
Password: secure text entry and
eye
button for revealing its content.Numeric: numeric text input.
Selection: user interaction for the text input is disabled. A
tapAction
is expected and called when the text input is pressed. Normally used to present a set of options and modify its state after one option is selected.Multiline: similar behaviour to UITextView with no scrolling. The
intrinsicContentSize
of the view will grow as the user types. If you need this behaviour and you use autolayout, pin either the bottom or the top, otherwise the view won't grow (like you would do with aUILabel
).Generic: expects a configured
TextInput
. Use this if you need a UITextField or UITextView with your custom behaviour. CheckTextInput
andTextInputDelegate
protocols and create a class conforming to them.
To switch between types, you can simply use the type
property assining one of the values available in the AnimatedTextInputType
enum.
textInput.type = .numeric
Styles
Creating a new visual style is as easy as creating a new struct
that conforms to the AnimatedTextInputStyle
protocol.
For example:
struct CustomTextInputStyle: AnimatedTextInputStyle {
let activeColor = UIColor.orangeColor()
let inactiveColor = UIColor.grayColor().colorWithAlphaComponent(0.3)
let errorColor = UIColor.redColor()
let textInputFont = UIFont.systemFontOfSize(14)
let textInputFontColor = UIColor.blackColor()
let placeholderMinFontSize: CGFloat = 9
let counterLabelFont: UIFont? = UIFont.systemFontOfSize(9)
let leftMargin: CGFloat = 25
let topMargin: CGFloat = 20
let rightMargin: CGFloat = 0
let bottomMargin: CGFloat = 10
let yHintPositionOffset: CGFloat = 7
}
Then, use the style
property to set it.
textInput.style = CustomTextInputStyle()
Other considerations
You can use
AnimatedTextInput
as a replacement for eitherUITextField
orUITextView
. To set or retrieve the input text, use thetext
property.This control provides an easy way of setting a counter label. Just call the function
showCharacterCounterLabel(with:)
and give it a maximum number of characters.AnimatedTextInput
has its own delegate methods, very similar toUITextFieldDelegate
andUITextViewDelegate
.
Download and check the Example project for more examples.
One last question: Why create a TextInput
abstraction and not use UITextField
or UITextView
instead?
From an API point of view, we only wanted to deal with one control. However, we needed some behaviours that were not supported by UITextField
or UITextView
. For instance, we wanted AnimatedTextInput
to support multiline, but UITextField
does not support it. We also wanted secure text entry for the password type, but UITextView
does not support it. That's why we ended up creating TextInput
abstraction.
FAQ
- How do I enable autocorrection (or any property available in
UITextField
orUITextView
)? https://github.com/jobandtalent/AnimatedTextInput/issues/67