前言

    NS_CLASS_AVAILABLE_IOS(2_0) @interface UITextField : UIControl <UITextInput, NSCoding>
    @available(iOS 2.0, *)       public class UITextField : UIControl, UITextInput, NSCoding

1、UITextField 的创建

Objective-C

    // 实例化 UITextField 对象
    UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(20, 100, 200, 30)];

    // 将 textField 加到 window 上显示出来
    [self.view addSubview:textField];

Swift

    // 实例化 UITextField 对象
    let textField:UITextField = UITextField(frame: CGRectMake(20, 100, 200, 30))

    // 将 textField 加到 window 上显示出来  
    self.view.addSubview(textField)

2、UITextField 的设置

Objective-C

    // 设置边框样式
    /*
        UITextBorderStyleNone,                     无边框，默认
        UITextBorderStyleLine,                     直线边框
        UITextBorderStyleBezel,                    边框 ＋ 阴影
        UITextBorderStyleRoundedRect               圆角矩形边框
     */
    textField.borderStyle = UITextBorderStyleLine;

    // 设置背景颜色
    /*
        默认是透明的
    */
    textField.backgroundColor = [UIColor yellowColor];

    // 设置背景图片
    textField.background = [UIImage imageNamed:@"pic2"];

    // 设置提示文字
    /*
        用户输入时自动消失
    */
    textField.placeholder = @"请输入用户名";

    // 设置输入的字体颜色
    textField.textColor = [UIColor redColor];

    // 设置文字对齐方式
    textField.textAlignment = NSTextAlignmentLeft;

    // 设置最小可缩小的字号
    textField.minimumFontSize = 10;

    // 自动调整文字大小
    /*
        自动调整文字的大小以适应 textField 的宽度
    */
    textField.adjustsFontSizeToFitWidth = YES;

    // 设置密文输入模式
    /*
        default is NO
    */
    textField.secureTextEntry = YES;

    // 设置显示清除按钮    
    /*
        UITextFieldViewModeNever,            // default
        UITextFieldViewModeWhileEditing,
        UITextFieldViewModeUnlessEditing,
        UITextFieldViewModeAlways
    */
    textField.clearButtonMode = UITextFieldViewModeWhileEditing;

    // 设置键盘样式
    /*
        UIKeyboardTypeDefault,                 // Default type for the current input method.
        UIKeyboardTypeASCIICapable,            // Displays a keyboard which can enter ASCII characters,
                                               // non-ASCII keyboards remain active
        UIKeyboardTypeNumbersAndPunctuation,   // Numbers and assorted punctuation.
        UIKeyboardTypeURL,                     // A type optimized for URL entry.
        UIKeyboardTypeNumberPad,               // A number pad (0-9). Suitable for PIN entry.
        UIKeyboardTypePhonePad,                // A phone pad (1-9, *, 0, #, with letters under the numbers).
        UIKeyboardTypeNamePhonePad,            // A type optimized for entering a person's name or phone number.
        UIKeyboardTypeEmailAddress,            // A type optimized for multiple email address entry.
        UIKeyboardTypeDecimalPad,              // A number pad with a decimal point.
        UIKeyboardTypeTwitter,                 // A type optimized for twitter text entry (easy access to @ #)
        UIKeyboardTypeWebSearch,               // A default keyboard type with URL-oriented addition.
        UIKeyboardTypeAlphabet = UIKeyboardTypeASCIICapable,      // Deprecated
    */
    textField.keyboardType = UIKeyboardTypeDefault;

    // 设置返回键样式
    /*
        UIReturnKeyDefault,
        UIReturnKeyGo,
        UIReturnKeyGoogle,
        UIReturnKeyJoin,
        UIReturnKeyNext,
        UIReturnKeyRoute,
        UIReturnKeySearch,
        UIReturnKeySend,
        UIReturnKeyYahoo,
        UIReturnKeyDone,
        UIReturnKeyEmergencyCall,
        UIReturnKeyContinue NS_ENUM_AVAILABLE_IOS(9_0),
    */
    textField.returnKeyType = UIReturnKeyJoin;

    // 设置输入的字母大小写模式
    /*
        UITextAutocapitalizationTypeNone,
        UITextAutocapitalizationTypeWords,
        UITextAutocapitalizationTypeSentences,
        UITextAutocapitalizationTypeAllCharacters,
    */
    textField.autocapitalizationType = UITextAutocapitalizationTypeWords;

    // 设置左右视图显示模式
    /*
        不设置模式，左右视图显示不出来

        UITextFieldViewModeNever,
        UITextFieldViewModeWhileEditing,
        UITextFieldViewModeUnlessEditing,
        UITextFieldViewModeAlways
    */
    textField.leftViewMode = UITextFieldViewModeAlways;
    textField.rightViewMode = UITextFieldViewModeAlways;

    // 设置左右视图
    textField.leftView = label1;
    textField.rightView = label2;

    // 让 textField 获取第一响应
    /*
        打开应用程序或界面时直接弹出键盘
    */
    [textField becomeFirstResponder];

    // 让 textField 放弃第一响应
    /*
        收起键盘
    */
    [textField resignFirstResponder]; 

    // 设置 textField 的代理，需遵守协议 <UITextFieldDelegate>
    textField.delegate = self;

Swift

    // 设置边框样式
    /*
        case None                       无边框，默认
        case Line                       直线边框
        case Bezel                      边框 ＋ 阴影
        case RoundedRect                圆角矩形边框
    */
    textField.borderStyle = .Line

    // 设置背景颜色
    /*
        默认是透明的
    */
    textField.backgroundColor = UIColor.yellowColor()

    // 设置背景图片
    textField.background = UIImage(named: "pic2")

    // 设置提示文字
    /*
        用户输入时自动消失
    */
    textField.placeholder = "请输入用户名"

    // 设置输入的字体颜色
    textField.textColor = UIColor.redColor()

    // 设置文字对齐方式
    textField.textAlignment = NSTextAlignment.Left

    // 设置最小可缩小的字号
    textField.minimumFontSize = 10

    // 自动调整文字大小
    /*
        自动调整文字的大小以适应 textField 的宽度
    */
    textField.adjustsFontSizeToFitWidth = true

    // 设置密文输入模式
    /*
        default is NO
    */
    textField.secureTextEntry = true

    // 设置显示清除按钮
    /*
        case Never                // default
        case WhileEditing
        case UnlessEditing
        case Always
    */
    textField.clearButtonMode = .WhileEditing

    // 设置键盘样式
    /*
        case Default         // Default type for the current input method.
        case ASCIICapable    // Displays a keyboard which can enter ASCII characters, 
                             // non-ASCII keyboards remain active
        case NumbersAndPunctuation  // Numbers and assorted punctuation.
        case URL             // A type optimized for URL entry.
        case NumberPad       // A number pad (0-9). Suitable for PIN entry.
        case PhonePad        // A phone pad (1-9, *, 0, #, with letters under the numbers).
        case NamePhonePad    // A type optimized for entering a person's name or phone number.
        case EmailAddress    // A type optimized for multiple email address entry.
        case DecimalPad      // A number pad with a decimal point.
        case Twitter         // A type optimized for twitter text entry (easy access to @ #)
        case WebSearch       // A default keyboard type with URL-oriented addition.

        public static var Alphabet: UIKeyboardType { get } // Deprecated
    */
    textField.keyboardType = .Default

    // 设置返回键样式
    /*
        case Default
        case Go
        case Google
        case Join
        case Next
        case Route
        case Search
        case Send
        case Yahoo
        case Done
        case EmergencyCall
        case Continue
    */
    textField.returnKeyType = .Join

    // 设置输入的字母大小写模式
    /*
        case None
        case Words
        case Sentences
        case AllCharacters
    */
    textField.autocapitalizationType = .Words

    // 设置左右视图显示模式
    /*
        不设置模式，左右视图显示不出来

        case Never
        case WhileEditing
        case UnlessEditing
        case Always
    */
    textField.leftViewMode = .Always
    textField.rightViewMode = .Always

    // 设置左右视图
    textField.leftView = label1
    textField.rightView = label2

    // 让 textField 获取第一响应
    /*
        打开应用程序或界面时直接弹出键盘
    */
    textField.becomeFirstResponder()

    // 让 textField 放弃第一响应
    /*
        收起键盘
    */
    textField.resignFirstResponder()

    // 设置 textField 的代理，需遵守协议 UITextFieldDelegate
    textField.delegate = self

3、textField 协议方法

协议方法，需遵守协议 UITextFieldDelegate，并设置代理

Objective-C

    // 将要开始编辑，编辑开始前被调用
    - (BOOL)textFieldShouldBeginEditing:(UITextField *)textField {

        return YES;
    }

    // 已经开始编辑，编辑开始后被调用，可监听键盘的弹出
    - (void)textFieldDidBeginEditing:(UITextField *)textField {

    }

    // 将要结束编辑，编辑结束前被调用
    - (BOOL)textFieldShouldEndEditing:(UITextField *)textField {

        return YES;
    }

    // 已经结束编辑，编辑结束后被调用，可监听键盘的回收
    - (void)textFieldDidEndEditing:(UITextField *)textField {

        // 输出 textfield 中输入的内容
        NSLog(@"您输入的内容为：%@", textField.text);
    }

    // 是否允许文本修改，文本修改前被调用
    /*
        NO 不允许输入，YES 允许输入（默认）
        range：光标范围
        string：当前输入的内容
    */
    - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {

        return YES;
    }

    // 返回，键盘上的 return 键触摸后调用
    - (BOOL)textFieldShouldReturn:(UITextField *)textField {

        return YES;
    }

    // 清空，文本输入框中清除按钮被触摸时调用
    - (BOOL)textFieldShouldClear:(UITextField *)textField {

        return YES;
    }

Swift

    // 将要开始编辑，编辑开始前被调用
    func textFieldShouldBeginEditing(textField: UITextField) -> Bool {

        return true
    }

    // 已经开始编辑，编辑开始后被调用，可监听键盘的弹出
    func textFieldDidBeginEditing(textField: UITextField) {

    }

    // 将要结束编辑，编辑结束前被调用
    func textFieldShouldEndEditing(textField: UITextField) -> Bool {

        return true
    }

    // 已经结束编辑，编辑结束后被调用，可监听键盘的回收
    func textFieldDidEndEditing(textField: UITextField) {

        // 输出 textfield 中输入的内容
        print("您输入的内容为：\(textField.text)")                                                              
    }

    // 是否允许文本修改，文本修改前被调用
    /*
        false 不允许输入，true 允许输入（默认）
        range：光标范围
        string：当前输入的内容
    */
    func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {

        return true
    }

    // 返回，键盘上的 return 键触摸后调用
    func textFieldShouldReturn(textField: UITextField) -> Bool {

        return true
    }

    // 清空，文本输入框中清除按钮被触摸时调用
    func textFieldShouldClear(textField: UITextField) -> Bool {

        return true
    }

4、textField 的键盘回收

Objective-C

触摸手势回收

用触摸手势或表格滚动方式回收键盘，触摸界面或滚动表格视图时键盘消失

    // 单一 textField 回收键盘

        // 让 textField 放弃第一响应，收起键盘
        [textField resignFirstResponder];

    // 所有 textField 都回收键盘

        [self.view endEditing:YES];

return 键回收

用代理方式回收键盘（键盘上的 return 键回收键盘），需遵守协议 UITextFieldDelegate，并设置代理

    // 设置 textField 的代理
    textField1.delegate = self;
    textField2.delegate = self;

    // UITextFieldDelegate 协议方法返回，键盘上的 return 键点击后调用 
    - (BOOL)textFieldShouldReturn:(UITextField *)textField {

        UITextField *textField_1 = (id)[self.view viewWithTag:200];
        UITextField *textField_2 = (id)[self.view viewWithTag:300];

        if (textField == textField_1) {

            // 让 textField_2 获取第一响应
            // 点击 textfield_1 上的 return 键时，输入光标自动跳转到 textfield_2 内
            [textField_2 becomeFirstResponder];
        }
        else{
            // 让 textField_2 放弃第一响应
            // 点击 textfield_2 上的 return 键时，键盘回收
            [textField_2 resignFirstResponder];
        }

        return YES;
    }

Swift

触摸手势回收

用触摸手势或表格滚动方式回收键盘，触摸界面或滚动表格视图时键盘消失

    // 单一 textField 回收键盘

        // 让 textField 放弃第一响应，收起键盘
        textField.resignFirstResponder()

    // 所有 textField 都回收键盘

        self.view.endEditing(true)

return 键回收

用代理方式回收键盘（键盘上的 return 键回收键盘），需遵守协议 UITextFieldDelegate，并设置代理

    // 设置 textField 的代理
    textField1.delegate = self
    textField2.delegate = self

    // UITextFieldDelegate 协议方法返回，键盘上的 return 键点击后调用
    func textFieldShouldReturn(textField: UITextField) -> Bool {

        let textField_1:UITextField = self.view.viewWithTag(200) as! UITextField
        let textField_2:UITextField = self.view.viewWithTag(300) as! UITextField

        if textField == textField_1 {

            // 让 textField_2 获取第一响应
            // 点击 textfield_1 上的 return 键时，输入光标自动跳转到 textfield_2 内
            textField_2.becomeFirstResponder()
        }
        else{
            // 让 textField_2 放弃第一响应，点击 textfield_2 上的 return 键时，键盘回收
            textField_2.resignFirstResponder()
        }

        return true
    }

5、textField 视图的上升／下降

Objective-C

用系统观察者控制

可以获取到键盘的高度和键盘弹起和隐藏的时间

多个观察者

    // 添加系统通知观察者（检测键盘的显示与隐藏）

    // 检测键盘的弹起
    [[NSNotificationCenter defaultCenter] addObserver:self 
                                             selector:@selector(keyboardShow:) 
                                                 name:UIKeyboardWillShowNotification 
                                               object:nil];

    // 检测键盘的隐藏   
    [[NSNotificationCenter defaultCenter] addObserver:self 
                                             selector:@selector(keyboardHide:) 
                                                 name:UIKeyboardWillHideNotification 
                                               object:nil];

    // 键盘弹起事件处理
    - (void)keyboardShow:(NSNotification *)notification {

        // 取出键盘最终的高度
        CGFloat keyboardHeight = [notification.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue].size.height;

        // 取出键盘弹出需要花费的时间
        double duration = [notification.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];

        // 设置当前视图的 frame
        CGRect frame = self.view.frame;
        frame.origin.y = -keyboardHeight;

        [UIView animateWithDuration:duration animations:^{
            self.view.frame = frame;
        }];
    }

    // 键盘隐藏事件处理
    - (void)keyboardHide:(NSNotification *)notification {

        // 取出键盘弹出需要花费的时间
        double duration = [notification.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];

        // 设置当前视图的 frame
        CGRect frame = self.view.frame;
        frame.origin.y = 0;

        [UIView animateWithDuration:duration animations:^{
            self.view.frame = frame;
        }];
    }

单一观察者

    // 添加系统通知观察者（检测键盘的 frame 改变）

    [[NSNotificationCenter defaultCenter] addObserver:self 
                                             selector:@selector(keyboardWillChangeFrame:) 
                                                 name:UIKeyboardWillChangeFrameNotification 
                                               object:nil];

    // 键盘弹起隐藏事件处理
    - (void)keyboardWillChangeFrame:(NSNotification *)notification {

        // 取出键盘最终的 frame
        CGRect rect = [notification.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];

        // 取出键盘弹出需要花费的时间
        double duration = [notification.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];

        // 设置当前视图的 frame
        CGRect frame = self.view.frame;
        frame.origin.y = -([UIScreen mainScreen].bounds.size.height - rect.origin.y);

        [UIView animateWithDuration:duration animations:^{
            self.view.frame = frame;
        }];
    }

视图上升或下降处理

设置 frame

    CGRect frame = self.view.frame;
    frame.origin.y = -keyboardHeight;
    [UIView animateWithDuration:duration animations:^{
        self.view.frame = frame;
    }];

设置约束值

    self.bottomSpacing.constant = rect.size.height;
    [UIView animateWithDuration:duration animations:^{
        [self.view layoutIfNeeded];
    }];

设置 transform 属性

    [UIView animateWithDuration:duration animations:^{
        CGFloat ty = [UIScreen mainScreen].bounds.size.height - rect.origin.y;
        self.view.transform = CGAffineTransformMakeTranslation(0, -ty);
    }];

用协议方法控制

    // 开始编辑
    - (void)textFieldDidBeginEditing:(UITextField *)textField {

        // 获取当前视图的 frame
        CGRect frame = self.view.frame;
        frame.origin.y = -53;

        [UIView animateWithDuration:0.5 animations:^{
            self.view.frame = frame;
        }];
    }

    // 结束编辑
    - (void)textFieldDidEndEditing:(UITextField *)textField {

        CGRect frame = self.view.frame;
        frame.origin.y = 0;

        [UIView animateWithDuration:0.5 animations:^{
            self.view.frame = frame;
        }];
    }

Swift

用系统观察者控制

可以获取到键盘的高度和键盘弹起和隐藏的时间

多个观察者

    // 添加系统通知观察者（检测键盘的显示与隐藏）

    // 检测键盘的弹起
    NSNotificationCenter.defaultCenter().addObserver(self, 
                                            selector: #selector(UiTextField.keyboardShow(_:)), 
                                                name: UIKeyboardWillShowNotification, 
                                              object: nil)

    // 检测键盘的隐藏
    NSNotificationCenter.defaultCenter().addObserver(self, 
                                            selector: #selector(UiTextField.keyboardHide(_:)), 
                                                name: UIKeyboardWillHideNotification, 
                                              object: nil)

    // 键盘弹起事件处理
    func keyboardShow(notification:NSNotification) {

        // 取出键盘最终的高度
        let keyboardHeight:CGFloat = (notification.userInfo![UIKeyboardFrameEndUserInfoKey]?.CGRectValue().size.height)!

        // 取出键盘弹出需要花费的时间
        let duration:Double = notification.userInfo![UIKeyboardAnimationDurationUserInfoKey]!.doubleValue

        // 设置当前视图的 frame
        var frame:CGRect = self.view.frame
        frame.origin.y = -keyboardHeight

        UIView.animateWithDuration(duration) {
            self.view.frame = frame
        }
    }

    // 键盘隐藏事件处理
    func keyboardHide(notification:NSNotification) {

        // 取出键盘弹出需要花费的时间
        let duration:Double = notification.userInfo![UIKeyboardAnimationDurationUserInfoKey]!.doubleValue

        // 设置当前视图的 frame
        var frame:CGRect = self.view.frame
        frame.origin.y = 0

        UIView.animateWithDuration(duration) {
            self.view.frame = frame
        }
    }

单一观察者

    // 添加系统通知观察者（检测键盘的 frame 改变）

    NSNotificationCenter.defaultCenter().addObserver(self, 
                                            selector: #selector(UiTextField.keyboardWillChangeFrame(_:)), 
                                                name: UIKeyboardWillChangeFrameNotification, 
                                              object: nil)

    // 键盘弹起隐藏事件处理
    func keyboardWillChangeFrame(notification:NSNotification) {

        // 取出键盘最终的高度
        let rect:CGRect = (notification.userInfo![UIKeyboardFrameEndUserInfoKey]?.CGRectValue())!

        // 取出键盘弹出需要花费的时间
        let duration:Double = notification.userInfo![UIKeyboardAnimationDurationUserInfoKey]!.doubleValue

        // 设置当前视图的 frame
        var frame:CGRect = self.view.frame
        frame.origin.y = -(UIScreen.mainScreen().bounds.size.height - rect.origin.y)

        UIView.animateWithDuration(duration) {
            self.view.frame = frame
        }
    }

视图上升或下降处理

设置 frame

    var frame:CGRect = self.view.frame
    frame.origin.y = -keyboardHeight
    UIView.animateWithDuration(duration) {
        self.view.frame = frame
    }

设置约束值

    self.bottomSpacing.constant = rect.size.height
    UIView.animateWithDuration(duration) {
        self.view.layoutIfNeeded()
    }

设置 transform 属性

    UIView.animateWithDuration(duration) { 
        let ty:CGFloat = UIScreen.mainScreen().bounds.size.height - rect.origin.y
        self.view.transform = CGAffineTransformMakeTranslation(0, -ty)
    }

用协议方法控制

    // 开始编辑
    func textFieldDidBeginEditing(textField: UITextField) {

        // 获取当前视图的 frame
        var frame:CGRect = self.view.frame
        frame.origin.y = -53

        UIView.animateWithDuration(0.5) {
            self.view.frame = frame
        }
    }

    // 结束编辑
    func textFieldDidEndEditing(textField: UITextField) {

        var frame:CGRect = self.view.frame
        frame.origin.y = 0

        UIView.animateWithDuration(0.5) {
            self.view.frame = frame
        }
    }

6、计算键盘高度

不同型号的 iOS 设备的键盘尺寸：

Type	iPhone 6(s) Plus	iPhone 6(s)	iPhone 5(s/c)/4(s)/SE
Default
ASCIICapable
NumbersAndPunctuation
URL	271	258	253
EmailAddress
Twitter
WebSearch
Alphabet
------------------------	------------------	--------------	-------------------------
NumberPad
PhonePad	226	216	216
NamePhonePad
DecimalPad

Objective-C

    // 在系统观察者响应方法中，获取观察的信息
    NSDictionary *userInfo = notification.userInfo;

    CGFloat keyboardHeight = [userInfo[@"UIKeyboardFrameEndUserInfoKey"] CGRectValue].size.height;

Swift

    // 在系统观察者响应方法中，获取观察的信息
    let userInfo = notification.userInfo!

    let keyboardHeight = userInfo["UIKeyboardFrameEndUserInfoKey"]?.CGRectValue().size.height

7、Storyboard 中设置

在 Storyboard 场景中设置

Text Field 设置

TextField1

Text	文字类型及文字
Color	文字颜色
Font	文字字体
Alignment	文字对齐方式
Placeholder	占位文字

Background	背景图片
Disabled	无效状态背景图片

Border Style	边框类型

Clear Button	清除按钮显示时间
-- Clear when editing begins	开始编辑时显示清楚按钮

Min Font Size	最小字体大小
-- Adjust to Fit	自动调整文字大小

Capitalization	大小写模式
Correction	自动纠正
Spell Checking	拼写检查
Keyboard Type	键盘样式
Appearance
Return Key	返回键样式
-- Auto-enable Return Key	自动使能返回键
-- Secure Text Entry	密文输入

Control 设置

TextField1

Alignment	文字对齐方式
Content
-- Selected	选中
-- Enable	可用
-- Highlighted	高亮

iOS - UITextField

前言

1、UITextField 的创建

2、UITextField 的设置

3、textField 协议方法

4、textField 的键盘回收

5、textField 视图的上升／下降

6、计算键盘高度

7、Storyboard 中设置

热门文章

最新文章

相关电子书