mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-02-16 00:08:46 +08:00
13dcb5746b
* [TextFields] Converting MDCTextInputController to a protocol. * [TextFields] Better naming structure. * [TextFields] Moved presentation styles into separate files. * [TextFields] Splitting textfield presentation styles into classes. * [TextFields] Floating height corrections. * [TextFields] Formatting. * [TextFields] Comment correction. * [TextFields] Additional tests for split controllers. * [TextFields] Example title correction.
244 lines
11 KiB
Objective-C
244 lines
11 KiB
Objective-C
/*
|
|
Copyright 2016-present the Material Components for iOS authors. All Rights Reserved.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
#import "TextFieldPresentationStylesExampleSupplemental.h"
|
|
|
|
@import MaterialComponents.MaterialTextFields;
|
|
|
|
@interface TextFieldPresentationStylesExample ()
|
|
|
|
// Be sure to keep your controllers in memory somewhere like a property:
|
|
@property(nonatomic, strong) MDCTextInputControllerDefault *textFieldControllerDefaultCharMax;
|
|
@property(nonatomic, strong) MDCTextInputControllerDefault *textFieldControllerFloating;
|
|
@property(nonatomic, strong) MDCTextInputControllerFullWidth *textFieldControllerFullWidth;
|
|
|
|
@end
|
|
|
|
@implementation TextFieldPresentationStylesExample
|
|
|
|
- (void)viewDidLoad {
|
|
[super viewDidLoad];
|
|
|
|
self.view.backgroundColor = [UIColor colorWithWhite:0.97 alpha:1.0];
|
|
self.title = @"Material Text Fields";
|
|
|
|
[self setupExampleViews];
|
|
|
|
[self setupTextFields];
|
|
}
|
|
|
|
- (void)setupTextFields {
|
|
// Default with Character Count and Floating Placeholder Text Fields
|
|
|
|
// First the text field is added to the view hierarchy
|
|
MDCTextField *textFieldDefaultCharMax = [[MDCTextField alloc] init];
|
|
[self.scrollView addSubview:textFieldDefaultCharMax];
|
|
textFieldDefaultCharMax.translatesAutoresizingMaskIntoConstraints = NO;
|
|
|
|
int defaultMax = 25;
|
|
textFieldDefaultCharMax.placeholder =
|
|
[NSString stringWithFormat:@"Enter up to %d characters", defaultMax];
|
|
textFieldDefaultCharMax.delegate = self;
|
|
textFieldDefaultCharMax.clearButtonMode = UITextFieldViewModeAlways;
|
|
|
|
// Second the controller is created to manage the text field
|
|
self.textFieldControllerDefaultCharMax =
|
|
[[MDCTextInputControllerDefault alloc] initWithTextInput:textFieldDefaultCharMax];
|
|
self.textFieldControllerDefaultCharMax.characterCountMax = defaultMax;
|
|
[self.textFieldControllerDefaultCharMax mdc_setAdjustsFontForContentSizeCategory:YES];
|
|
self.textFieldControllerDefaultCharMax.floatingEnabled = NO;
|
|
|
|
MDCTextField *textFieldFloating = [[MDCTextField alloc] init];
|
|
[self.scrollView addSubview:textFieldFloating];
|
|
textFieldFloating.translatesAutoresizingMaskIntoConstraints = NO;
|
|
|
|
textFieldFloating.placeholder = @"Floating Placeholder";
|
|
textFieldFloating.delegate = self;
|
|
textFieldFloating.clearButtonMode = UITextFieldViewModeUnlessEditing;
|
|
NSOperatingSystemVersion iOS10Version = {10, 0, 0};
|
|
NSProcessInfo *processInfo = [NSProcessInfo processInfo];
|
|
if ([processInfo respondsToSelector:@selector(isOperatingSystemAtLeastVersion:)] &&
|
|
[processInfo isOperatingSystemAtLeastVersion:iOS10Version]) {
|
|
textFieldFloating.adjustsFontForContentSizeCategory = YES;
|
|
} else {
|
|
[textFieldFloating mdc_setAdjustsFontForContentSizeCategory:YES];
|
|
}
|
|
|
|
self.textFieldControllerFloating =
|
|
[[MDCTextInputControllerDefault alloc] initWithTextInput:textFieldFloating];
|
|
|
|
[self.textFieldControllerFloating mdc_setAdjustsFontForContentSizeCategory:YES];
|
|
|
|
[NSLayoutConstraint
|
|
activateConstraints:[NSLayoutConstraint
|
|
constraintsWithVisualFormat:@"V:|-20-[charMax]-[floating]"
|
|
options:NSLayoutFormatAlignAllLeading |
|
|
NSLayoutFormatAlignAllTrailing
|
|
metrics:nil
|
|
views:@{
|
|
@"charMax" : textFieldDefaultCharMax,
|
|
@"floating" : textFieldFloating
|
|
}]];
|
|
[NSLayoutConstraint constraintWithItem:textFieldDefaultCharMax
|
|
attribute:NSLayoutAttributeLeading
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.view
|
|
attribute:NSLayoutAttributeLeadingMargin
|
|
multiplier:1
|
|
constant:0]
|
|
.active = YES;
|
|
[NSLayoutConstraint constraintWithItem:textFieldDefaultCharMax
|
|
attribute:NSLayoutAttributeTrailing
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.view
|
|
attribute:NSLayoutAttributeTrailingMargin
|
|
multiplier:1
|
|
constant:0]
|
|
.active = YES;
|
|
|
|
// Full Width Text Field
|
|
MDCTextField *textFieldFullWidth = [[MDCTextField alloc] init];
|
|
[self.scrollView addSubview:textFieldFullWidth];
|
|
textFieldFullWidth.translatesAutoresizingMaskIntoConstraints = NO;
|
|
|
|
textFieldFullWidth.placeholder = @"Full Width";
|
|
textFieldFullWidth.delegate = self;
|
|
textFieldFullWidth.clearButtonMode = UITextFieldViewModeUnlessEditing;
|
|
textFieldFullWidth.backgroundColor = [UIColor whiteColor];
|
|
|
|
self.textFieldControllerFullWidth =
|
|
[[MDCTextInputControllerFullWidth alloc] initWithTextInput:textFieldFullWidth];
|
|
|
|
[self.textFieldControllerFullWidth mdc_setAdjustsFontForContentSizeCategory:YES];
|
|
|
|
[NSLayoutConstraint constraintWithItem:textFieldFullWidth
|
|
attribute:NSLayoutAttributeTop
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:textFieldFloating
|
|
attribute:NSLayoutAttributeBottom
|
|
multiplier:1
|
|
constant:1]
|
|
.active = YES;
|
|
[NSLayoutConstraint constraintWithItem:textFieldFullWidth
|
|
attribute:NSLayoutAttributeLeading
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.view
|
|
attribute:NSLayoutAttributeLeading
|
|
multiplier:1
|
|
constant:0]
|
|
.active = YES;
|
|
[NSLayoutConstraint constraintWithItem:textFieldFullWidth
|
|
attribute:NSLayoutAttributeTrailing
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.view
|
|
attribute:NSLayoutAttributeTrailing
|
|
multiplier:1
|
|
constant:0]
|
|
.active = YES;
|
|
|
|
// Unstyled Text Field
|
|
MDCTextField *unstyledTextField = [[MDCTextField alloc] init];
|
|
[self.scrollView addSubview:unstyledTextField];
|
|
unstyledTextField.translatesAutoresizingMaskIntoConstraints = NO;
|
|
|
|
unstyledTextField.placeholder = @"Text Field without Controller";
|
|
unstyledTextField.delegate = self;
|
|
unstyledTextField.clearButtonMode = UITextFieldViewModeAlways;
|
|
|
|
[NSLayoutConstraint constraintWithItem:unstyledTextField
|
|
attribute:NSLayoutAttributeTop
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:textFieldFullWidth
|
|
attribute:NSLayoutAttributeBottom
|
|
multiplier:1
|
|
constant:1]
|
|
.active = YES;
|
|
[NSLayoutConstraint constraintWithItem:unstyledTextField
|
|
attribute:NSLayoutAttributeLeading
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:textFieldDefaultCharMax
|
|
attribute:NSLayoutAttributeLeading
|
|
multiplier:1
|
|
constant:0]
|
|
.active = YES;
|
|
[NSLayoutConstraint constraintWithItem:unstyledTextField
|
|
attribute:NSLayoutAttributeTrailing
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:textFieldDefaultCharMax
|
|
attribute:NSLayoutAttributeTrailing
|
|
multiplier:1
|
|
constant:0]
|
|
.active = YES;
|
|
|
|
// Uncomment for testing
|
|
// UITextField *appleField = [[UITextField alloc] initWithFrame:CGRectZero];
|
|
// [self.scrollView addSubview:appleField];
|
|
// appleField.translatesAutoresizingMaskIntoConstraints = NO;
|
|
//
|
|
// appleField.placeholder = @"UIKit Text Field";
|
|
// appleField.delegate = self;
|
|
// appleField.clearButtonMode = UITextFieldViewModeWhileEditing;
|
|
//
|
|
//
|
|
// NSURL *url = [[NSBundle bundleForClass:[self class]] URLForResource:@"ic_search"
|
|
// withExtension:@"png"];
|
|
// UIImageView *left = [[UIImageView alloc] initWithImage:[UIImage
|
|
// imageWithContentsOfFile:url.path]];
|
|
// UIImageView *right = [[UIImageView alloc] initWithImage:[UIImage
|
|
// imageWithContentsOfFile:url.path]];
|
|
//
|
|
// appleField.leftView = left;
|
|
// appleField.leftViewMode = UITextFieldViewModeAlways;
|
|
// appleField.rightView = right;
|
|
// appleField.rightViewMode = UITextFieldViewModeAlways;
|
|
//
|
|
// [NSLayoutConstraint constraintWithItem:appleField
|
|
// attribute:NSLayoutAttributeTop
|
|
// relatedBy:NSLayoutRelationEqual
|
|
// toItem:unstyledTextField
|
|
// attribute:NSLayoutAttributeBottom
|
|
// multiplier:1
|
|
// constant:10]
|
|
// .active = YES;
|
|
// [NSLayoutConstraint constraintWithItem:appleField
|
|
// attribute:NSLayoutAttributeLeading
|
|
// relatedBy:NSLayoutRelationEqual
|
|
// toItem:textFieldDefaultCharMax
|
|
// attribute:NSLayoutAttributeLeading
|
|
// multiplier:1
|
|
// constant:0]
|
|
// .active = YES;
|
|
// [NSLayoutConstraint constraintWithItem:appleField
|
|
// attribute:NSLayoutAttributeTrailing
|
|
// relatedBy:NSLayoutRelationEqual
|
|
// toItem:textFieldDefaultCharMax
|
|
// attribute:NSLayoutAttributeTrailing
|
|
// multiplier:1
|
|
// constant:0]
|
|
// .active = YES;
|
|
}
|
|
|
|
#pragma mark - UITextFieldDelegate
|
|
|
|
// All the usual UITextFieldDelegate methods work with MDCTextField
|
|
- (BOOL)textField:(UITextField *)textField
|
|
shouldChangeCharactersInRange:(NSRange)range
|
|
replacementString:(NSString *)string {
|
|
return YES;
|
|
}
|
|
|
|
@end
|