Skip to content

UITextField with floating label, validation and input mask. Keywords: TextField text field float labeled masked

License

Notifications You must be signed in to change notification settings

sunchao367182922/LRSmartTextField

 
 

Repository files navigation

LRTextField

A subclass of UITextField that supports float label, validation, inputmask, and IB_DESIGNABLE (Xcode 6). The expectation is that our text field can offer great functionality, while keeping the original design.

How to install

pod 'LRTextField'

USAGE

Init with code

Email

    // init with pre-defined style
    LRTextField *textFieldEmail = [[LRTextField alloc] initWithFrame:CGRectMake(20, 70, 260, 30) labelHeight:15 style:LRTextFieldStyleEmail]; 
    [self.view addSubview:textFieldEmail];

Phone

    LRTextField *textFieldPhone = [[LRTextField alloc] initWithFrame:CGRectMake(20, 150, 260, 30) labelHeight:15];
    textFieldPhone.placeholder = @"Phone";
    textFieldPhone.hintText = @"(Optional)";
    textFieldPhone.format = @"(###)###-####"; // set format for segment input string
    textFieldPhone.keyboardType = UIKeyboardTypePhonePad;
    [self.view addSubview:textFieldPhone];

Validation

    LRTextField *textFieldValidation = [[LRTextField alloc] initWithFrame:CGRectMake(20, 240, 260, 30) labelHeight:15];
    textFieldValidation.placeholder = @"Validation Demo";
    textFieldValidation.hintText = @"Enter \"abc\"";
    [textFieldValidation setValidationBlock:^NSDictionary *(LRTextField *textField, NSString *text) {
        [NSThread sleepForTimeInterval:1.0];
        if ([text isEqualToString:@"abc"]) {
            return @{ VALIDATION_INDICATOR_YES : @"Correct" };
        }
        return @{ VALIDATION_INDICATOR_NO : @"Error" };
    }];
    [self.view addSubview:textFieldValidation];

Init in Storyboard / Xib

SB-result

SB-how

CUSTOMIZE

Color

color

    LRTextField *textFieldCustom = [[LRTextField alloc] initWithFrame:CGRectMake(20, 320, 260, 30) labelHeight:15];
    textFieldCustom.placeholder = @"Placeholder";
    textFieldCustom.placeholderActiveColor = [UIColor redColor];
    textFieldCustom.placeholderInactiveColor = [UIColor blackColor];
    textFieldCustom.hintText = @"Purple hint";
    textFieldCustom.hintTextColor = [UIColor purpleColor];
    [self.view addSubview:textFieldCustom];

Disable Animation

noanimation

    textFieldCustom.enableAnimation = NO;

TROUBLESHOOTING

Please send an email [email protected]

About

UITextField with floating label, validation and input mask. Keywords: TextField text field float labeled masked

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Objective-C 95.5%
  • Ruby 4.5%