AJ学IOS（24）UI之注册案例

AJ分享，必须精品

先看效果

制作思路

在做这个的时候，首先用stroyboard画出来界面UI，这个很简单，不多说了，然后下一步就是自定义xib做键盘上面的那一栏了，需要自己做xib还有view，详细代码下面会有，当我们点击的时候，我们的键盘的frame变化形成弹出的效果，这个在前面QQ案例里面有，其实就是通知的用法，其中我们自定义工具条的“上一个”“下一个”“完成”这些按钮，我们用了代理的方式来完成的。

代码，注意点

代理

首先我们要自己写自己的代理：

@protocol NYKeyboardToolDelegate <NSObject> 

-(void)keyboardTool:(NYKeyboardTool *)keyboardTool didClickItemType:(KeyboardItemType)itemType;

@end

然后要在我们设置代理的类那让他实现我们的协议

@interface NYViewController () <NYKeyboardToolDelegate>

创建工具栏，设置代理，把所有的UITextField遍历到放到全局变量_fields中来，设置属性

//创建工具栏

    NYKeyboardTool *keyboardTool = [NYKeyboardTool keyBoardTool];

    //设置代理

    keyboardTool.delegate = self;

    //1,获取输入框容器的所有子控件

    NSArray *views = [self.inputContainer subviews];

    //创建一个数组储存textField

    NSMutableArray *fieldM = [NSMutableArray array];

    //2，遍历

    for (UIView *childView in views) {

        //如果子控件是UITextField的时候，设置inputAccessoryView

        if ([childView isKindOfClass:[UITextField class]]) {

            UITextField *tf = (UITextField *)childView;

            tf.inputAccessoryView = keyboardTool;

            //把textField添加到数组中。

            [fieldM addObject:tf];

            _fields = fieldM;

        }

    }

记住要实现协议方法否则工具条按钮没用

#pragma mark - NYKeyboardToolDelegate代理 键盘工具条的代理

-(void)keyboardTool:(NYKeyboardTool *)keyboardTool didClickItemType:(KeyboardItemType)itemType

{

    //获取当前的响应者的索引

    int currentIndex = [self getCurrentResponderIndex];

    NSLog(@"当前的响应者 %d",currentIndex);

    if (itemType == KeyboardItemTypePrevious) {

        NSLog(@"上一个");

        //让上一个field成功响应者

        [self showProviousField:currentIndex];

    }else if(itemType == KeyboardItemTypeNext){

        NSLog(@"下一个");

        //让下一个field成功响应者

        [self showNextField:currentIndex];

    }else{

        NSLog(@"完成");

        [self touchesBegan:nil withEvent:nil];

    }

}

//让上一个field成功响应者

-(void)showProviousField:(int)currentIndex{

    int proviousIndex =  currentIndex - 1;

    if (proviousIndex >= 0  ) {

        UITextField *proviousTf = [_fields objectAtIndex:proviousIndex];

        [proviousTf becomeFirstResponder];

    }

}

//让下一个field成功响应者

-(void)showNextField:(int)currentIndex{

    int nextIndex =  currentIndex + 1;

    //下一个索引不能超过_fields数组的个数

    if (nextIndex < _fields.count) {

        //让当前响应者分发去

        UITextField *currentTf = [_fields objectAtIndex:currentIndex];

        [currentTf resignFirstResponder];

        UITextField *nextTf = [_fields objectAtIndex:nextIndex];

        [nextTf becomeFirstResponder];

    }

}

键盘的frame变化动画，还有通知

初始化自定义键盘

//1:初始化自定义键盘

-(void)setupCustomKeyboard

{

    UIDatePicker *datePicker = [[UIDatePicker alloc] init];

    //设置地区

    datePicker.locale = [NSLocale localeWithLocaleIdentifier:@"zh"];

    //设置模式

    datePicker.datePickerMode = UIDatePickerModeDate;

    //把datePicker放到birthday的键盘中

    self.birthdayField.inputView = datePicker;

}

键盘frame变化除了，开通通知
建立监听（通知）

//建立监听

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

键盘frame的变化

//键盘的frame的变换

-(void)kbFrameChange:(NSNotification *)noti

{

    //改变window的背景颜色

    self.view.window.backgroundColor = self.inputAccessoryView.backgroundColor;

    //  键盘退出的frame

    CGRect frame = [noti.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];

    //键盘实时y

    CGFloat kbEndY = frame.origin.y;

    //获取当前的响应者

     int currentIndex = [self getCurrentResponderIndex];

    UITextField *currentTF = _fields[currentIndex];

    //应该改变的高度：

    CGFloat tfMaxY = CGRectGetMaxY(currentTF.frame) + self.inputContainer.frame.origin.y;

    //如果textfield的最大值在于键盘的y坐，才要往上移

    if (tfMaxY > kbEndY) {

        [UIView animateWithDuration:0.25 animations:^{

            self.view.transform = CGAffineTransformMakeTranslation(0, kbEndY - tfMaxY);

        }];

    }else{

        [UIView animateWithDuration:0.25 animations:^{

            self.view.transform = CGAffineTransformIdentity;

        }];

    }

}

其他小地方

关闭键盘

//开始触摸的方法

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

{

    //关闭键盘

    [self.view endEditing:YES];

}

view中又很多UITextField 然后我们想知道哪一个打开了键盘，就是获取哪一个是响应者

//获取当前  textField的响应者在_fields中的索引

//返回-1代表没有找到

-(int)getCurrentResponderIndex

{

    //遍历所有的textField获取响应值

    for (UITextField *tf in _fields) {

        if (tf.isFirstResponder) {

            return [_fields indexOfObject:tf];

        }

    }

    return -1;

}

UIDatePicker日期键盘的用法：

    UIDatePicker *datePicker = [[UIDatePicker alloc] init];

    //设置地区

    datePicker.locale = [NSLocale localeWithLocaleIdentifier:@"zh"];

    //设置模式

    datePicker.datePickerMode = UIDatePickerModeDate;

    //把datePicker放到birthday的键盘中

    self.birthdayField.inputView = datePicker;

巴特西