iOS_小蟹专题iOS模块详解iOS输入框资料

iOS-UITextField 全面解析

2016-06-15  本文已影响6929人  xx_cc

iOS中UITextField 使用全面解析

建议收藏，用到的时候来这里一查就都明白了

//初始化textfield并设置位置及大小

  UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)];

//设置边框样式，只有设置了才会显示边框样式

text.borderStyle = UITextBorderStyleRoundedRect;

  typedef NS_ENUM(NSInteger, UITextBorderStyle) {
    UITextBorderStyleNone,  // 默认样式 无边框
    UITextBorderStyleLine,   // 边框加线条
    UITextBorderStyleBezel, // 边框加灰色线条  
    UITextBorderStyleRoundedRect // 圆角 最常用
};

//设置输入框的背景颜色，此时设置为白色 如果使用了自定义的背景图片边框会被忽略掉

　 text.backgroundColor = [UIColor whiteColor];

//设置背景

  text.background = [UIImage imageNamed:@"dd.png"];

//设置背景

  text.disabledBackground = [UIImage imageNamed:@"cc.png"];

//当输入框没有内容时，水印提示 提示内容为password

  text.placeholder = @"password";

// 设置字体样式和大小

text.font = [UIFont fontWithName:@"Arial" size:20.0f];

// 只设置字体大小

text.font = [UIFont systemFontOfSize:15];

//设置字体颜色

text.textColor = [UIColor redColor];

//输入框中是否有个叉号，在什么时候显示，用于一次性删除输入框中的内容

text.clearButtonMode = UITextFieldViewModeAlways;

typedef enum {
    UITextFieldViewModeNever,　重不出现
    UITextFieldViewModeWhileEditing, 编辑时出现
    UITextFieldViewModeUnlessEditing,　除了编辑外都出现
    UITextFieldViewModeAlways 　一直出现
} UITextFieldViewMode;

//输入框中一开始就有的文字

  text.text = @"一开始就在输入框的文字";

//每输入一个字符就变成点 用语密码输入

  text.secureTextEntry = YES;

//是否纠错

  text.autocorrectionType = UITextAutocorrectionTypeNo;

typedef enum {
    UITextAutocorrectionTypeDefault, 默认
    UITextAutocorrectionTypeNo, 　不自动纠错
    UITextAutocorrectionTypeYes,　自动纠错
} UITextAutocorrectionType;

//再次编辑就清空

  text.clearsOnBeginEditing = YES;

//内容的垂直和水平对齐方式 UITextField继承自UIControl,此类中的属性

text.contentVerticalAlignment = UIControlContentVerticalAlignmentTop;

// 不过水平好像不管用，如果有哪位大神知道原因一定要告诉我呀
text.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;
// 只好用下面这个已经被弃用的
text.textAlignment = UITextAlignmentCenter;
// 修改 发现现在的水平对齐方式是下面这个。
text.textAlignment = NSTextAlignmentCenter;

typedef NS_ENUM(NSInteger, UIControlContentVerticalAlignment) {
    UIControlContentVerticalAlignmentCenter  = 0,
    UIControlContentVerticalAlignmentTop     = 1,
    UIControlContentVerticalAlignmentBottom  = 2,
    UIControlContentVerticalAlignmentFill    = 3,
};

typedef NS_ENUM(NSInteger, UIControlContentHorizontalAlignment) {
    UIControlContentHorizontalAlignmentCenter = 0,
    UIControlContentHorizontalAlignmentLeft   = 1,
    UIControlContentHorizontalAlignmentRight  = 2,
    UIControlContentHorizontalAlignmentFill   = 3,
};

//设置为YES时文本会自动缩小以适应文本窗口大小.默认是保持原来大小,而让长文本滚动

  textFied.adjustsFontSizeToFitWidth = YES;

//设置自动缩小显示的最小字体大小

  text.minimumFontSize = 20;

//设置键盘的样式

  text.keyboardType = UIKeyboardTypeNumberPad;

typedef enum {
    UIKeyboardTypeDefault,     　默认键盘，支持所有字符
    UIKeyboardTypeASCIICapable,　支持ASCII的默认键盘
    UIKeyboardTypeNumbersAndPunctuation,　标准电话键盘，支持＋＊＃字符
    UIKeyboardTypeURL,            URL键盘，支持.com按钮 只支持URL字符
    UIKeyboardTypeNumberPad,            　数字键盘
    UIKeyboardTypePhonePad,　 　电话键盘
    UIKeyboardTypeNamePhonePad, 　电话键盘，也支持输入人名
    UIKeyboardTypeEmailAddress, 　用于输入电子 邮件地址的键盘
    UIKeyboardTypeDecimalPad,   　数字键盘 有数字和小数点
    UIKeyboardTypeTwitter,      　优化的键盘，方便输入@、#字符
    UIKeyboardTypeAlphabet = UIKeyboardTypeASCIICapable,
} UIKeyboardType;

挑选几个比较重要的样式展示一下

//首字母是否大写

  text.autocapitalizationType = UITextAutocapitalizationTypeNone;

typedef enum {
    UITextAutocapitalizationTypeNone, 不自动大写
    UITextAutocapitalizationTypeWords,　单词首字母大写
    UITextAutocapitalizationTypeSentences,　句子的首字母大写
    UITextAutocapitalizationTypeAllCharacters, 所有字母都大写
} UITextAutocapitalizationType;

//return键变成什么键

 text.returnKeyType =UIReturnKeyDone;

typedef enum {
    UIReturnKeyDefault,   默认 灰色按钮，标有Return
    UIReturnKeyGo,    　  标有Go的蓝色按钮
    UIReturnKeyGoogle,  标有Google的蓝色按钮，用语搜索
    UIReturnKeyJoin,       标有Join的蓝色按钮
    UIReturnKeyNext,     标有Next的蓝色按钮
    UIReturnKeyRoute,   标有Route的蓝色按钮
    UIReturnKeySearch,  标有Search的蓝色按钮
    UIReturnKeySend,    标有Send的蓝色按钮
    UIReturnKeyYahoo,  标有Yahoo的蓝色按钮
    UIReturnKeyDone,    标有Done的蓝色按钮
    UIReturnKeyEmergencyCall, 紧急呼叫按钮
} UIReturnKeyType;

//键盘外观

textView.keyboardAppearance=UIKeyboardAppearanceDefault；
typedef NS_ENUM(NSInteger, UIKeyboardAppearance) {
    UIKeyboardAppearanceDefault,          // 默认亮色
    UIKeyboardAppearanceDark NS_ENUM_AVAILABLE_IOS(7_0),
    UIKeyboardAppearanceLight NS_ENUM_AVAILABLE_IOS(7_0),
    UIKeyboardAppearanceAlert = UIKeyboardAppearanceDark,  // 石墨色，暗色
};

//把textfield加到视图中

  [self.window addSubview:text];

//最右侧加图片是以下代码　 左侧类似

    UIImageView *image=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"right.png"]];
    text.rightView=image;
    text.rightViewMode = UITextFieldViewModeAlways;

typedef enum {
    UITextFieldViewModeNever,
    UITextFieldViewModeWhileEditing,
    UITextFieldViewModeUnlessEditing,
    UITextFieldViewModeAlways
} UITextFieldViewMode;

重写绘制行为

除了UITextField对象的风格选项，你还可以定制化UITextField对象，为他添加许多不同的重写方法，来改变文本字段的显示行为。这些方法都会返回一个CGRect结构，制定了文本字段每个部件的边界范围。以下方法都可以重写。

– textRectForBounds:　　  　//重写来重置文字区域
– drawTextInRect:　　      　//改变绘文字属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数，就不用调用super了.
– placeholderRectForBounds:　　//重写来重置占位符区域
– drawPlaceholderInRect:　　//重写改变绘制占位符属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数，就不用调用super了.
– borderRectForBounds:　　//重写来重置边缘区域
– editingRectForBounds:　　//重写来重置编辑区域
– clearButtonRectForBounds:　　//重写来重置clearButton位置,改变size可能导致button的图片失真
– leftViewRectForBounds:
– rightViewRectForBounds:

UITextField的代理方法

遵循UITextFieldDelegate协议

text.delegate = self;　

声明text的代理是我，我会去实现把键盘往下收的方法 这个方法在UITextFieldDelegate里所以我们要采用UITextFieldDelegate这个协议

- (void)textFieldDidBeginEditing:(UITextField *)textField{
   // 当输入框获得焦点时，执行该方法 （光标出现时）。
   //开始编辑时触发，文本字段将成为first responder
}

- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
   // 当点击键盘的返回键（右下角）时，执行该方法。
   // 一般用来隐藏键盘
    [text resignFirstResponder];    
   //主要是[receiver resignFirstResponder]在哪调用就能把receiver对应的键盘往下收
    return YES;
}

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField{
//返回一个BOOL值，指定是否循序文本字段开始编辑
    return YES;
}

- (BOOL)textFieldShouldEndEditing:(UITextField *)textField{
//返回BOOL值，指定是否允许文本字段结束编辑，当编辑结束，文本字段会让出first responder
　 //要想在用户结束编辑时阻止文本字段消失，可以返回NO
　 //这对一些文本字段必须始终保持活跃状态的程序很有用，比如即时消息

    return NO;
}

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

//返回一个BOOL值指明是否允许根据用户请求清除内容
//可以设置在特定条件下才允许清除内容

　   return YES;
}

- (BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{
//当用户使用自动更正功能，把输入的文字修改为推荐的文字时，就会调用这个方法。
//这对于想要加入撤销选项的应用程序特别有用
//可以跟踪字段内所做的最后一次修改，也可以对所有编辑做日志记录,用作审计用途。
//要防止文字被改变可以返回NO
//这个方法的参数中有一个NSRange对象，指明了被改变文字的位置，建议修改的文本也在其中

　   return YES;
}

限制只能输入特定的字符

-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{
    NSString* number= Knum;
    NSPredicate *numberPre = [NSPredicate predicateWithFormat:@"SELF MATCHES %@",number];
    return [numberPre evaluateWithObject:string];
}

上面那个Knum是一个宏，可以在文件顶部定义：

#define Knum @"^[0-9]+$"

听从queuey的意见把这个改成了正则表达式，正则表达式和谓词配合使用使代码精简易懂了不少，谢谢queuey的意见。(关于正则表达式和谓词的详细使用，我将会尽快整理出来供大家查阅)
所以，如果你要限制输入英文的话，就可以把这个定义为：

#define Knum @"^[A-Za-z]+$"

当然，你还可以在以上方法return之前，做一提示的，比如提示用户只能输入数字之类的。如果你觉得有需要的话。

限制只能输入一定长度的字符

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string;
{　
    //string就是此时输入的那个字符 textField就是此时正在输入的那个输入框 返回YES就是可以改变输入框的值 NO相反

    if ([string isEqualToString:@"n"])　//按会车可以改变
    {
        return YES;
    }

    NSString * toBeString = [textField.text stringByReplacingCharactersInRange:range withString:string]; //得到输入框的内容

    if (self.myTextField == textField)　//判断是否时我们想要限定的那个输入框
    {
        if ([toBeString length] > 20) 
        {   //如果输入框内容大于20则弹出警告
            textField.text = [toBeString substringToIndex:20];
            UIAlertView *alert = [[[UIAlertView alloc] initWithTitle:nil message:@"超过最大字数不能输入了" delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil] autorelease];
            [alert show];
            return NO;
        }
    }
    return YES;
}

通知

UITextField派生自UIControl，所以UIControl类中的通知系统在文本字段中也可以使用。除了UIControl类的标准事件，你还可以使用下列UITextField类特有的事件

UITextFieldTextDidBeginEditingNotification
UITextFieldTextDidChangeNotification
UITextFieldTextDidEndEditingNotification
当文本字段退出编辑模式时触发。通知的object属性存储了最终文本。
因为文本字段要使用键盘输入文字，所以下面这些事件发生时，也会发送动作通知

UIKeyboardWillShowNotification 　//键盘显示之前发送
UIKeyboardDidShowNotification  　//键盘显示之后发送
UIKeyboardWillHideNotification 　//键盘隐藏之前发送
UIKeyboardDidHideNotification  　//键盘隐藏之后发送

UITextField 在storyboard 中设置属性

屏幕快照 2016-06-15 下午7.17.09.png

1、Text ：设置文本框的默认文本。
2、Placeholder ： 可以在文本框中显示灰色的字，用于提示用户应该在这个文本框输入什么内容。当这个文本框中输入了数据时，用于提示的灰色的字将会自动消失。
3、Background ：背景图片
4、Disabled ： 若选中此项，用户将不能更改文本框内容。
5、接下来是三个按钮，用来设置对齐方式。
6、Border Style ： 选择边界风格。
7、Clear Button ： 这是一个下拉菜单，你可以选择清除按钮什么时候出现，所谓清除按钮就是出一个现在文本框右边的小 X ，你可以有以下选择：
7.1 Never appears ： 从不出现
7.2 Appears while editing ： 编辑时出现
7.3 Appears unless editing ：
7.4 Is always visible ： 总是可见
8、Clear when editing begins ： 若选中此项，则当开始编辑这个文本框时，文本框中之前的内容会被清除掉。比如，你现在这个文本框 A 中输入了 "What" ，之后 去编辑文本框 B，若再回来编辑文本框 A ，则其中的 "What" 会被立即清除。
9、Text Color ： 设置文本框中文本的颜色。
10、Font ： 设置文本的字体与字号。
11、Min Font Size ： 设置文本框可以显示的最小字体（不过我感觉没什么用）
12、Adjust To Fit ： 指定当文本框尺寸减小时，文本框中的文本是否也要缩小。选择它，可以使得全部文本都可见，即使文本很长。但是这个选项要跟 Min Font Size 配合使用，文本再缩小，也不会小于设定的 Min Font Size 。
接下来的部分用于设置键盘如何显示。

13、Captitalization ： 设置大写。下拉菜单中有四个选项：
13.1 None ： 不设置大写
13.2 Words ： 每个单词首字母大写，这里的单词指的是以空格分开的字符串
13.3 Sentances ： 每个句子的第一个字母大写，这里的句子是以句号加空格分开的字符串
13.4 All Characters ： 所以字母大写

14、Correction ： 检查拼写，默认是 YES 。
15、Keyboard ： 选择键盘类型，比如全数字、字母和数字等。
16、Appearance：
17、Return Key ： 选择返回键，可以选择 Search 、 Return 、 Done 等。
18、Auto-enable Return Key ： 如选择此项，则只有至少在文本框输入一个字符后键盘的返回键才有效。
19、Secure ： 当你的文本框用作密码输入框时，可以选择这个选项，此时，字符显示为星号。

1.Alignment Horizontal 水平对齐方式
2.Alignment Vertical 垂直对齐方式
3.用于返回一个BOOL值　输入框是否 Selected(选中) Enabled(可用) Highlighted(高亮)

本文借鉴许多前辈之前写的文章，本人小白，如果有错误的地方还请大家多多指正，您的每一个喜欢是我最大的动力！

上一篇下一篇

猜你喜欢

热点阅读