iOS 注册或登录页面(UILable,UITextField,UIButton)

注册或登录页面

如下图

1，这里为了展现UITextField的文本框关联键盘的设置，这里把“密码”和“确定密码”的关联键盘都设置为数字键盘，实际应用中密码一般都允许为数字或字母。
2，实现了键盘收回操作。
3，这里没有写对“用户名”进行特殊字符过滤的代码。

实现代码：

#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad{    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.        //三个UILabel    UILabel *nameLabel = [[UILabel alloc]initWithFrame:CGRectMake(10, 60, 80, 37)];    nameLabel.font = [UIFont systemFontOfSize:15];    nameLabel.text = @"用  户  名:";    nameLabel.backgroundColor = [UIColor clearColor];    nameLabel.textAlignment = NSTextAlignmentLeft;    nameLabel.numberOfLines = 2;  //用于设置UILabel中文本的行数    [self.view addSubview:nameLabel];    [nameLabel release];        UILabel *newPasswordLabel = [[UILabel alloc]initWithFrame:CGRectMake(10, 60+40, 80, 37)];    newPasswordLabel.font = [UIFont systemFontOfSize:15];    newPasswordLabel.text = @"密       码：";    newPasswordLabel.backgroundColor = [UIColor clearColor];    newPasswordLabel.textAlignment = NSTextAlignmentLeft;    [self.view addSubview:newPasswordLabel];    [newPasswordLabel release];        UILabel *oncePasswordLabel = [[UILabel alloc]initWithFrame:CGRectMake(10, 60+40*2, 80, 37)];    oncePasswordLabel.font = [UIFont systemFontOfSize:15];    oncePasswordLabel.text = @"确认密码:";    oncePasswordLabel.backgroundColor = [UIColor clearColor];    oncePasswordLabel.textAlignment = NSTextAlignmentLeft;    [self.view addSubview:oncePasswordLabel];    [oncePasswordLabel release];            //三个输入框    UITextField *nameTextField = [[UITextField alloc]initWithFrame:CGRectMake(90, 60, 210, 30)];    nameTextField.placeholder = @"请输入用户名";    nameTextField.tag = 1;    [nameTextField setSecureTextEntry:NO];    nameTextField.font = [UIFont systemFontOfSize:14];    nameTextField.delegate = self;    nameTextField.backgroundColor = [UIColor clearColor];    nameTextField.borderStyle = UITextBorderStyleRoundedRect;    [self.view addSubview:nameTextField];    [nameTextField release];        UITextField *passwordTextField = [[UITextField alloc]initWithFrame:CGRectMake(90, 60+40, 210, 30)];    passwordTextField.placeholder = @"至少6位数字";    passwordTextField.tag = 2;    [passwordTextField setSecureTextEntry:YES];    passwordTextField.font = [UIFont systemFontOfSize:14];    passwordTextField.delegate = self;    passwordTextField.backgroundColor = [UIColor clearColor];    passwordTextField.borderStyle = UITextBorderStyleRoundedRect;    passwordTextField.keyboardType = UIKeyboardTypeNumberPad;    [self.view addSubview:passwordTextField];    [passwordTextField release];        UITextField *onceNewPasswordTextField = [[UITextField alloc]initWithFrame:CGRectMake(90, 60+40*2, 210, 30)];    onceNewPasswordTextField.placeholder = @"请再次输入密码";    onceNewPasswordTextField.tag = 3;    onceNewPasswordTextField.font = [UIFont systemFontOfSize:14];    [onceNewPasswordTextField setSecureTextEntry:YES];    onceNewPasswordTextField.delegate = self;    onceNewPasswordTextField.backgroundColor = [UIColor clearColor];    onceNewPasswordTextField.borderStyle = UITextBorderStyleRoundedRect;    onceNewPasswordTextField.keyboardType = UIKeyboardTypeNumberPad;    [self.view addSubview:onceNewPasswordTextField];    [onceNewPasswordTextField release];            UIButton *confirmButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];    confirmButton.frame = CGRectMake(110, 60+40*3+20, 100, 37);    [confirmButton setTitle:@"确定" forState:UIControlStateNormal];       //正常状况下button显示的标题    [confirmButton setTitle:@"确定" forState:UIControlStateHighlighted];  //高亮显示时button的标题    confirmButton.backgroundColor = [UIColor redColor];    [confirmButton addTarget:self action:@selector(confirm:) forControlEvents:UIControlEventTouchUpInside];//button被按下又抬起后发生的事件    //@selector可以理解为"选择子"，selector是一个指针变量，类似于sender。 这里是将method的方法指定给新建的这个confirmButton    [self.view addSubview:confirmButton];}//收回键盘- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{    for (int i = 0; i<4; i++) {        UITextField *textField = (UITextField*)[self.view viewWithTag:1+i];        [textField resignFirstResponder];    }}- (void)didReceiveMemoryWarning{    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}@end

UILabel

UILabel继承了UIView，它可以设置UIView所支持的属性。

UILabel *label1 = [[UILabel alloc]initWithFrame:CGRectMake(50.0, 20.0, 200.0, 50.0)];  //设置Label的位置和大小//设置显示文字label1.text = @"用户名";//设置字体:粗体，正常的是 SystemFontOfSizelabel1.font = [UIFont boldSystemFontOfSize:20];//设置文字颜色label1.textColor = [UIColor orangeColor];//设置文字位置label1.textAlignment = UITextAlignmentRight;label2.textAlignment = UITextAlignmentCenter;//设置字体大小适应label宽度label4.adjustsFontSizeToFitWidth = YES;//设置label的行数label5.numberOfLines = 2;UIlabel.backgroudColor=[UIColor clearColor]; //可以去掉背景色//设置高亮label6.highlighted = YES;label6.highlightedTextColor = [UIColor orangeColor];//设置阴影label7.shadowColor = [UIColor redColor];label7.shadowOffset = CGSizeMake(1.0,1.0);//设置是否能与用户进行交互label7.userInteractionEnabled = YES;//设置label中的文字是否可变，默认值是YESlabel3.enabled = NO;//设置文字过长时的显示格式label3.lineBreakMode = UILineBreakModeMiddleTruncation;//截去中间//  typedef enum {//      UILineBreakModeWordWrap = 0,//      UILineBreakModeCharacterWrap,//      UILineBreakModeClip,//截去多余部分//      UILineBreakModeHeadTruncation,//截去头部//      UILineBreakModeTailTruncation,//截去尾部//      UILineBreakModeMiddleTruncation,//截去中间//  } UILineBreakMode;//如果adjustsFontSizeToFitWidth属性设置为YES，这个属性就来控制文本基线的行为label4.baselineAdjustment = UIBaselineAdjustmentNone;//  typedef enum {//      UIBaselineAdjustmentAlignBaselines,//      UIBaselineAdjustmentAlignCenters,//      UIBaselineAdjustmentNone,//  } UIBaselineAdjustment;

有时需要设置UILabel中文本的行数，其属性值默认为1，用于设置该UILabel只能显示一行文本。

   oldPasswordLabel.numberOfLines = 2;

UITextField

//初始化textfield并设置位置及大小UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)];//当输入框没有内容时，水印提示 ，提示内容为“用户名”//显示灰色字体，作为提示信息text.placeholder = @"用户名";//设置边框样式，只有设置了才会显示边框样式text.borderStyle = UITextBorderStyleRoundedRect;typedef enum {    UITextBorderStyleNone,    UITextBorderStyleLine,    UITextBorderStyleBezel,    UITextBorderStyleRoundedRect} UITextBorderStyle;//设置键盘的样式text.keyboardType = UIKeyboardTypeNumberPad;typedef enum {    UIKeyboardTypeDefault,     　           //默认键盘，支持所有字符    UIKeyboardTypeASCIICapable,　           //支持ASCII的默认键盘    UIKeyboardTypeNumbersAndPunctuation,　  //标准电话键盘，支持＋＊＃字符    UIKeyboardTypeURL,                      //URL键盘，支持.com按钮 只支持URL字符    UIKeyboardTypeNumberPad,            　  //数字键盘    UIKeyboardTypePhonePad,　 　            //电话键盘    UIKeyboardTypeNamePhonePad, 　          //电话键盘，也支持输入人名    UIKeyboardTypeEmailAddress, 　          //用于输入电子 邮件地址的键盘    UIKeyboardTypeDecimalPad,   　          //数字键盘 有数字和小数点    UIKeyboardTypeTwitter,      　          //优化的键盘，方便输入@、#字符    UIKeyboardTypeAlphabet = UIKeyboardTypeASCIICapable,} UIKeyboardType;//每输入一个字符就变成点 用语密码输入text.secureTextEntry = YES;//设置输入框的背景颜色，此时设置为白色 如果使用了自定义的背景图片边框会被忽略掉text.backgroundColor = [UIColor whiteColor];//设置背景图片text.background = [UIImage imageNamed:@"dd.png"];//设置背景text.disabledBackground = [UIImage imageNamed:@"cc.png"];//设置输入框内容的字体样式和大小text.font = [UIFont fontWithName:@"Arial" size:20.0f];//设置字体颜色text.textColor = [UIColor redColor];//输入框中是否有个叉号，在什么时候显示，用于一次性删除输入框中的内容text.clearButtonMode = UITextFieldViewModeAlways;typedef enum {    UITextFieldViewModeNever,　          //从不出现    UITextFieldViewModeWhileEditing,     //编辑时出现    UITextFieldViewModeUnlessEditing,　  //除了编辑外都出现    UITextFieldViewModeAlways 　         //一直出现} UITextFieldViewMode;//输入框中一开始就有的文字text.text = @"一开始就在输入框的文字";//是否纠错text.autocorrectionType = UITextAutocorrectionTypeNo;typedef enum {    UITextAutocorrectionTypeDefault,    //默认    UITextAutocorrectionTypeNo, 　      //不自动纠错    UITextAutocorrectionTypeYes,　      //自动纠错} UITextAutocorrectionType;//再次编辑就清空text.clearsOnBeginEditing = YES;//内容对齐方式text.textAlignment = UITextAlignmentLeft;//内容的垂直对齐方式  UITextField继承自UIControl,此类中有一个属性contentVerticalAlignmenttext.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;//设置为YES时文本会自动缩小以适应文本窗口大小.默认是保持原来大小,而让长文本滚动textFied.adjustsFontSizeToFitWidth = YES;//设置自动缩小显示的最小字体大小text.minimumFontSize = 20;//首字母是否大写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的蓝色按钮    UIReturnKeyYahoo,             //标有Yahoo的蓝色按钮    UIReturnKeyEmergencyCall,     //紧急呼叫按钮} UIReturnKeyType;//键盘外观textView.keyboardAppearance=UIKeyboardAppearanceDefault；typedef enum {    UIKeyboardAppearanceDefault，   //默认外观，浅灰色    UIKeyboardAppearanceAlert，　 　//深灰 石墨色    } UIReturnKeyType;//设置代理 用于实现协议text.delegate = self;//把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;

在处理密码等隐私类的信息时，可能需要将输入的信息隐藏一下。

//每输入一个字符就变成点 ,用语密码输入[passwordTextField setSecureTextEntry:YES];

也可以设置文本框关联的键盘，如下：

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

有时需要限制输入文本的长度，这类操作也非常普遍和重要。

//限制输入文本的长度- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{    if ([textField.text length] > MAXLENGTH)    {        textField.text = [textField.text substringToIndex:MAXLENGTH-1];        return NO;    }    return YES; }

UIButton

UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect];     //    能够定义的button类型有以下6种，     //    typedef enum {     //        UIButtonTypeCustom = 0,          自定义风格     //        UIButtonTypeRoundedRect,         圆角矩形     //        UIButtonTypeDetailDisclosure,    蓝色小箭头按钮，主要做详细说明用     //        UIButtonTypeInfoLight,           亮色感叹号     //        UIButtonTypeInfoDark,            暗色感叹号     //        UIButtonTypeContactAdd,          十字加号按钮     //    } UIButtonType;         //给定button在view上的位置         button1.frame = CGRectMake(20, 20, 280, 20);         //button背景色         button1.backgroundColor = [UIColor clearColor];         //设置button填充图片         //[button1 setImage:[UIImage imageNamed:@"btng.png"] forState:UIControlStateNormal];         //设置button标题         [button1 setTitle:@"点击" forState:UIControlStateNormal];         /* forState: 这个参数的作用是定义按钮的文字或图片在何种状态下才会显现*/        //以下是几种状态     //    enum {     //        UIControlStateNormal       = 0,         常规状态显现     //        UIControlStateHighlighted  = 1 << 0,    高亮状态显现     //        UIControlStateDisabled     = 1 << 1,    禁用的状态才会显现     //        UIControlStateSelected     = 1 << 2,    选中状态     //        UIControlStateApplication  = 0x00FF0000, 当应用程序标志时     //        UIControlStateReserved     = 0xFF000000  为内部框架预留，可以不管他     //    };         /*                   * 默认情况下，当按钮高亮的情况下，图像的颜色会被画深一点，如果这下面的这个属性设置为no，                   * 那么可以去掉这个功能                  */         button1.adjustsImageWhenHighlighted = NO;         /*跟上面的情况一样，默认情况下，当按钮禁用的时候，图像会被画得深一点，设置NO可以取消设置*/         button1.adjustsImageWhenDisabled = NO;         /* 下面的这个属性设置为yes的状态下，按钮按下会发光*/         button1.showsTouchWhenHighlighted = YES;         /* 给button添加事件，事件有很多种，我会单独开一篇博文介绍它们，下面这个时间的意思是                   按下按钮，并且手指离开屏幕的时候触发这个事件，跟web中的click事件一样。                   触发了这个事件以后，执行butClick:这个方法，addTarget:self 的意思是说，这个方法在本类中                   也可以传入其他类的指针*/         [button1 addTarget:self action:@selector(butClick:) forControlEvents:UIControlEventTouchUpInside];         //显示控件         [self.view addSubview:button1];

单独说明一下：

UIButton *confirmButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];    confirmButton.frame = CGRectMake(110, 60+40*3+20, 100, 37);    [confirmButton setTitle:@"确定" forState:UIControlStateNormal];       //正常状况下button显示的标题    [confirmButton setTitle:@"确定" forState:UIControlStateHighlighted];  //高亮显示时button的标题    confirmButton.backgroundColor = [UIColor redColor];    [confirmButton addTarget:self action:@selector(confirm:) forControlEvents:UIControlEventTouchUpInside];//button被按下又抬起后发生的事件    //@selector可以理解为"选择子"，selector是一个指针变量，类似于sender。 这里是将method的方法指定给新建的这个confirmButton    [self.view addSubview:confirmButton];

若要设置UIButton的背景图片时：

UIButton *confirmButton = [UIButton buttonWithType:UIButtonTypeCustom];    confirmButton.frame = CGRectMake(10, 60, 100, 40);    UIImage *nextStepImage = [UIImage imageNamed:@"app.png"];    UIImage *nextStepDownImage = [UIImage imageNamed:@"app.png"];    nextStepImage = [nextStepImage resizableImageWithCapInsets:UIEdgeInsetsMake(8, 8, 8, 8)];    nextStepDownImage = [nextStepDownImage resizableImageWithCapInsets:UIEdgeInsetsMake(8, 8, 8, 8)];    [confirmButton setBackgroundImage:nextStepImage forState:UIControlStateNormal];    [confirmButton setBackgroundImage:nextStepDownImage forState:UIControlStateHighlighted];    [confirmButton setTitle:@"确定" forState:UIControlStateNormal];    [confirmButton addTarget:self action:@selector(confirm:) forControlEvents:UIControlEventTouchUpInside];    [self.view addSubview:confirmButton];