All Projects → ErAbhishekChandani → Acfloatingtextfield

ErAbhishekChandani / Acfloatingtextfield

Licence: mit
It is a subclass of UITextfield to Provide the floating label and customisations.

Projects that are alternatives of or similar to Acfloatingtextfield

TextInputLayout
The objective of this code is to guide you to create login screen with TextInputLayout in iOS app.
Stars: ✭ 30 (-72.73%)
Mutual labels:  placeholder, uitextfield
NSJTextField
A custom textfield with the placeholder displayed on top when text entered.
Stars: ✭ 30 (-72.73%)
Mutual labels:  placeholder, uitextfield
Ragtextfield
Subclass of UITextField that adds an animated placeholder and an optional hint label below the text.
Stars: ✭ 227 (+106.36%)
Mutual labels:  placeholder, uitextfield
Crboxinputview
Verify code input view. Support security type for password.短信验证码输入框,支持密文模式
Stars: ✭ 749 (+580.91%)
Mutual labels:  placeholder, uitextfield
Afviewshaker
Stars: ✭ 1,214 (+1003.64%)
Mutual labels:  uitextfield
Currencytextfield
UITextField that automatically formats text to display in the currency format
Stars: ✭ 47 (-57.27%)
Mutual labels:  uitextfield
Wynullview
An easy way to use for view's empty state 一行代码显示空视图,高度自定义
Stars: ✭ 44 (-60%)
Mutual labels:  placeholder
Wstagsfield
An iOS text field that represents tags, hashtags, tokens in general.
Stars: ✭ 1,013 (+820.91%)
Mutual labels:  uitextfield
Eleventy Plugin Lazyimages
Eleventy plugin that adds blurry placeholders & lazy loading to your images
Stars: ✭ 108 (-1.82%)
Mutual labels:  placeholder
Swiftcocoadsl
An easy way to write iOS UI
Stars: ✭ 103 (-6.36%)
Mutual labels:  uitextfield
Mocka
Simple, elegant content placeholder
Stars: ✭ 1,205 (+995.45%)
Mutual labels:  placeholder
Swifticonfont
Icons fonts for iOS (Font Awesome 5, Iconic, Ionicon, Octicon, Themify, MapIcon, MaterialIcon, Foundation 3, Elegant Icon, Captain Icon)
Stars: ✭ 1,094 (+894.55%)
Mutual labels:  uitextfield
Shimmerlayout
Memory efficient, simple yet highly customizable shimmer effect for Android.
Stars: ✭ 81 (-26.36%)
Mutual labels:  placeholder
Sgdigittextfield
Elegant and Simplest Digit UITextField
Stars: ✭ 47 (-57.27%)
Mutual labels:  uitextfield
Rsfloatinputview
A Float Input View with smooth animation and supporting icon and seperator written with Swift
Stars: ✭ 103 (-6.36%)
Mutual labels:  uitextfield
V Img Fallback
Vue Image Fallback
Stars: ✭ 43 (-60.91%)
Mutual labels:  placeholder
Placeholder Loading
Simple and flexible, css only, content placeholder loading animation. https://zalog.github.io/placeholder-loading/
Stars: ✭ 1,137 (+933.64%)
Mutual labels:  placeholder
Kaloader
Beautiful animated placeholders for showing loading of data
Stars: ✭ 99 (-10%)
Mutual labels:  placeholder
Placekeanu.com
For when you need a little more Keanu in your life
Stars: ✭ 63 (-42.73%)
Mutual labels:  placeholder
Babel Plugin Partial Application
[DEPRECATED] Please use https://github.com/citycide/param.macro
Stars: ✭ 60 (-45.45%)
Mutual labels:  placeholder

ACFloatingTextField

ACFloatingTextfield

Version License Platform Build Status

UITextfield class to float the Placeholder and customize the placeholder while editing.

Features

  • [x] Add Floating effect In UITextfield Placeholder.
  • [x] Change the Placeholder Text Color.
  • [x] Change the Placeholder Text Color when UITextfield begins editing.
  • [x] Add bottom line in.
  • [x] Change the bottom line color.
  • [x] Change the bottom line color when UITextfield begins editing.
  • [x] Show error text, change the color of error text & line.
  • [x] Change bottom line color when UITextField show error.
  • [ ] The best is yet to come.

Preview

ACFloatingTextfieldGIF

Installation

Installation with CocoaPods

CocoaPods is a dependency manager for Swift and Objective-C Cocoa projects. which automates and simplifies the process of using 3rd-party libraries in your projects. See the Get Started section for more details. You can install it with the following command:

$ sudo gem install cocoapods

Podfile

To integrate ACFloatingTextfield into your Xcode project using CocoaPods, simply add the following line to your Podfile:

 pod 'ACFloatingTextfield-Objc', '~> 1.9'
 

If you are using Swift, be sure to add use_frameworks! in your Podfile and set your target to iOS 8+:

platform :ios, '8.0'
use_frameworks!
pod 'ACFloatingTextfield-Swift', '~> 1.8'

You can import ACFloatintextField in swift with @import ACFloatingTextfield_Swift .

Then, run the following command from Terminal:

$ pod install

You should open the {Project}.xcworkspace instead of the {Project}.xcodeproj after you installed anything from CocoaPods.

$ open *.xcworkspace 

Manual Installation

Download the Sample and drag & drop the ACFloatingTextField.h and ACFloatingTextField.m or if using swift drag ACFloatingTextfield.swift file in your project.

What's New

  1. ACFloatingTextfield now works with swift 3.x .
  2. Now you can show error validation text at bottom of line, also change the color of error text and line.

How To Use.

1) Add Textfield From Storyboard in View Controller and Set the class to ACFloatingTextField or create the textfield programmatically.

2) Set the Delegate.

3) Set Placeholder Text By Following Method.


[(ACFloatingTextField *)textField setTextFieldPlaceholderText:@"Username"];

OR

acFloatingTextField.placeholder = @"";

4)Implement the UITextfield Delegate method.


-(BOOL)textFieldShouldReturn:(UITextField *)textField {

[textField resignFirstResponder];
return YES;

}

##Customization

1) Change the color of Bottom Line.


_textField.lineColor = [UIColor blueColor];

2) Change the selected State color for Bottom Line.


_textField.selectedLineColor = [UIColor orangeColor];

3) Change the Placeholder Color.


_textField.placeHolderTextColor = [UIColor redColor];

4) Change the Selected Placeholder Color.


_textField.selectedPlaceHolderTextColor = [UIColor greenColor];

5) Change lineColor, selectedLineColor , placeHolderColor & selectedPlaceHolderColor From Storyboard in Swift version.

6) Change the Error Text Color.


_textField.errorTextColor = [UIColor redColor];

7) Change the bottom line color when show Error.


_textField.errorLineColor = [UIColor redColor];

8) Set Error Message.


_textField.errorText = @"My Error";

8) Show Error Message.


[_textField showError];
[_textField showErrorWithText:@"This is New Error"];

Communication

  • If you found a bug, open an issue.
  • If you have a feature request, open an issue.
  • If you want to contribute,please submit a pull request.

License

ACFloatingTextField is released under the MIT license. See LICENSE for details.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].