前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS UITextField详解

iOS UITextField详解

作者头像
码客说
发布2019-10-22 14:15:07
1.7K0
发布2019-10-22 14:15:07
举报
文章被收录于专栏:码客码客

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

代码语言:javascript
复制
UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)];

把textfield加到视图中

代码语言:javascript
复制
[self.window addSubview:text];

设置边框样式

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

代码语言:javascript
复制
text.borderStyle = UITextBorderStyleRoundedRect;
typedef enum {
UITextBorderStyleNone, 
UITextBorderStyleLine,
UITextBorderStyleBezel,
UITextBorderStyleRoundedRect  
} UITextBorderStyle;

设置输入框的背景颜色

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

代码语言:javascript
复制
text.backgroundColor = [UIColor whiteColor];

设置背景

代码语言:javascript
复制
text.background = [UIImage imageNamed:@"dd.png"];

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

Placeholder

代码语言:javascript
复制
text.placeholder = @"password";

设置输入框内容的字体样式和大小

代码语言:javascript
复制
text.font = [UIFont fontWithName:@"Arial" size:20.0f];

设置字体颜色

代码语言:javascript
复制
text.textColor = [UIColor redColor];

输入框中是否有个叉号

在什么时候显示,用于一次性删除输入框中的内容

代码语言:javascript
复制
text.clearButtonMode = UITextFieldViewModeAlways;
 
typedef enum {
    UITextFieldViewModeNever,  重不出现
    UITextFieldViewModeWhileEditing, 编辑时出现
    UITextFieldViewModeUnlessEditing,  除了编辑外都出现
    UITextFieldViewModeAlways   一直出现
} UITextFieldViewMode;

输入框设置文字

代码语言:javascript
复制
text.text = @"一开始就在输入框的文字";

密文输入

代码语言:javascript
复制
text.secureTextEntry = YES;

是否纠错

代码语言:javascript
复制
text.autocorrectionType = UITextAutocorrectionTypeNo;
 
typedef enum {
    UITextAutocorrectionTypeDefault, 默认
    UITextAutocorrectionTypeNo,   不自动纠错
    UITextAutocorrectionTypeYes,  自动纠错
} UITextAutocorrectionType;

再次编辑就清空

代码语言:javascript
复制
text.clearsOnBeginEditing = YES;

内容对齐方式

代码语言:javascript
复制
//水平
text.textAlignment = UITextAlignmentLeft;
 
//内容的垂直对齐方式  UITextField继承自UIControl,此类中有一个属性contentVerticalAlignment
text.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;

文本缩放

代码语言:javascript
复制
//设置为YES时文本会自动缩小以适应文本窗口大小.默认是保持原来大小,而让长文本滚动  
textFied.adjustsFontSizeToFitWidth = YES;
//设置自动缩小显示的最小字体大小
text.minimumFontSize = 20;

设置键盘的样式

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

首字母是否大写

代码语言:javascript
复制
text.autocapitalizationType = UITextAutocapitalizationTypeNone;
 
typedef enum {
    UITextAutocapitalizationTypeNone, 不自动大写
    UITextAutocapitalizationTypeWords,  单词首字母大写
    UITextAutocapitalizationTypeSentences,  句子的首字母大写
    UITextAutocapitalizationTypeAllCharacters, 所有字母都大写
} UITextAutocapitalizationType;

Return键

代码语言:javascript
复制
text.returnKeyType =UIReturnKeyDone;
 
typedef enum {
    UIReturnKeyDefault, 默认 灰色按钮,标有Return
    UIReturnKeyGo,      标有Go的蓝色按钮
    UIReturnKeyGoogle,标有Google的蓝色按钮,用语搜索
    UIReturnKeyJoin,标有Join的蓝色按钮
    UIReturnKeyNext,标有Next的蓝色按钮
    UIReturnKeyRoute,标有Route的蓝色按钮
    UIReturnKeySearch,标有Search的蓝色按钮
    UIReturnKeySend,标有Send的蓝色按钮
    UIReturnKeyYahoo,标有Yahoo的蓝色按钮
    UIReturnKeyEmergencyCall, 紧急呼叫按钮
} UIReturnKeyType;

键盘外观

代码语言:javascript
复制
textView.keyboardAppearance=UIKeyboardAppearanceDefault;
typedef enum {
    UIKeyboardAppearanceDefault, 默认外观,浅灰色
    UIKeyboardAppearanceAlert,     深灰 石墨色
} UIReturnKeyType;

最右侧加图片是以下代码

代码语言:javascript
复制
UIImageView *image=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"right.png"]];
text.rightView=image;
text.rightViewMode = UITextFieldViewModeAlways; 
 
typedef enum {
    UITextFieldViewModeNever,
    UITextFieldViewModeWhileEditing,
    UITextFieldViewModeUnlessEditing,
    UITextFieldViewModeAlways
} UITextFieldViewMode;

按return键键盘往下收

类要采用UITextFieldDelegate协议

代码语言:javascript
复制
text.delegate = self;  //声明text的代理是我,我会去实现把键盘往下收的方法 这个方法在UITextFieldDelegate里所以我们要采用UITextFieldDelegate这个协议
 
- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
    [text resignFirstResponder];    //主要是[receiver resignFirstResponder]在哪调用就能把receiver对应的键盘往下收
    return YES;
}

重写绘制行为

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

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

委托方法

代码语言:javascript
复制
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField{      
    //返回一个BOOL值,指定是否循序文本字段开始编辑  
    return YES;  
}  
 
- (void)textFieldDidBeginEditing:(UITextField *)textField{  
 //开始编辑时触发,文本字段将成为first responder  
}  
 
- (BOOL)textFieldShouldEndEditing:(UITextField *)textField{  
//返回BOOL值,指定是否允许文本字段结束编辑,当编辑结束,文本字段会让出first responder  
   //要想在用户结束编辑时阻止文本字段消失,可以返回NO  
   //这对一些文本字段必须始终保持活跃状态的程序很有用,比如即时消息  
    return NO;  
}  
 
- (BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{  
    //当用户使用自动更正功能,把输入的文字修改为推荐的文字时,就会调用这个方法。  
    //这对于想要加入撤销选项的应用程序特别有用  
    //可以跟踪字段内所做的最后一次修改,也可以对所有编辑做日志记录,用作审计用途。     
    //要防止文字被改变可以返回NO  
    //这个方法的参数中有一个NSRange对象,指明了被改变文字的位置,建议修改的文本也在其中  
     return YES;  
}  
 
- (BOOL)textFieldShouldClear:(UITextField *)textField{  
 
    //返回一个BOOL值指明是否允许根据用户请求清除内容  
    //可以设置在特定条件下才允许清除内容  
     return YES;  
}  
 
-(BOOL)textFieldShouldReturn:(UITextField *)textField{  
 
    //返回一个BOOL值,指明是否允许在按下回车键时结束编辑  
    //如果允许要调用resignFirstResponder 方法,这回导致结束编辑,而键盘会被收起[textField resignFirstResponder];
    //查一下resign这个单词的意思就明白这个方法了  
     return YES;  
}  
``` 
 
 
### 通知

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

当文本字段退出编辑模式时触发。通知的object属性存储了最终文本。

因为文本字段要使用键盘输入文字,所以下面这些事件发生时,也会发送动作通知

代码语言:javascript
复制
UIKeyboardWillShowNotification   //键盘显示之前发送
UIKeyboardDidShowNotification    //键盘显示之后发送
UIKeyboardWillHideNotification   //键盘隐藏之前发送
UIKeyboardDidHideNotification    //键盘隐藏之后发送

限制只能输入特定的字符

代码语言:javascript
复制
(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{
    NSCharacterSet *cs;
    cs = [[NSCharacterSet characterSetWithCharactersInString:NUMBERS]invertedSet];
    NSString *filtered = [[string componentsSeparatedByCharactersInSet:cs]componentsJoinedByString:@""]; //按cs分离出数组,数组按@""分离出字符串
    BOOL canChange = [string isEqualToString:filtered];
    return canChange;
}

上面那个NUMBERS是一个宏,可以在文件顶部定义:

代码语言:javascript
复制
#define NUMBERS @”0123456789\n” (这个代表可以输入数字和换行,请注意这个\n,如果不写这个,Done按键将不会触发,如果用在SearchBar中,将会不触发Search事件,因为你自己限制不让输入\n,好惨,我在项目中才发现的。)

所以,如果你要限制输入英文和数字的话,就可以把这个定义为:

代码语言:javascript
复制
#define kAlphaNum   @”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789″。

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

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

代码语言:javascript
复制
- (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; 
}

限制只能输入正整数

工具类方法

代码语言:javascript
复制
///判断字符串为正整数
static func isInt(str:String) -> Bool{
    for char in str.utf8 {
        if (char > "9".utf8.first || char < "0".utf8.first){
            return false;
        }
    }
    return true;
}

代理方法

代码语言:javascript
复制
func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {
    if(ZJ_StringUtils.isInt(string)){
        var inputText = jineInput.text!;
        //inputText为文本框中的内容
        inputText += string;

        return true;
    }else{
        return false;
    }
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-02-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 初始化textfield并设置位置及大小
  • 把textfield加到视图中
  • 设置边框样式
  • 设置输入框的背景颜色
  • 设置背景
  • Placeholder
  • 设置输入框内容的字体样式和大小
  • 设置字体颜色
  • 输入框中是否有个叉号
  • 输入框设置文字
  • 密文输入
  • 是否纠错
  • 再次编辑就清空
  • 内容对齐方式
  • 文本缩放
  • 设置键盘的样式
  • 首字母是否大写
  • Return键
  • 键盘外观
  • 最右侧加图片是以下代码
  • 按return键键盘往下收
  • 重写绘制行为
  • 委托方法
  • 限制只能输入特定的字符
  • 限制只能输入一定长度的字符
  • 限制只能输入正整数
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档