UITextField弹出键盘右上角完成按钮

前言

对做iOS开发的程序猿们来说UITextField肯定很熟悉,在点击UITextField后会弹出键盘,输入完之后我们希望键盘退出否则会遮挡住界面,所以我们需要退出键盘。其实现在基本上第三方键盘都有这个功能,但是苹果爸爸的键盘并没有这个功能,保不齐哪个用户喜欢用苹果爸爸的键盘,所以我们还是得实现这个功能。

简单的方案点击键盘以外的地方让键盘退出,但是这种方案在这个界面是TableView或者当前界面存在多个输入入口时,用户体验不是很好。所以这种简单的粗暴的方案不能解决问题,毕竟用户是我们爸爸。

UITextField弹出键盘右上角完成按钮_第1张图片

所以我们采用第二种方案,在UITextField弹出键盘上加一个按钮用来退出键盘。

  • 方法一:在UITextField的代理里复写textFieldinputAccessoryView
    第一步:在当前控制器创建一个View
- (UIView*)customView {
      if (!_customView) {
       _customView =[[UIView alloc]initWithFrame:CGRectMake(-1, 0, ScreenWidth+2, 40)];
       _customView.backgroundColor =  UIColorFromRGB(0xd8d8d8);
       UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(ScreenWidth - 55, 5, 40, 28)];
        [btn setTitle:@"完成" forState:UIControlStateNormal];
        [btn setTitleColor:UIColorFromRGB(0x333333) forState:UIControlStateNormal];
        btn.titleLabel.font = [UIFont systemFontOfSize:14];
        btn.backgroundColor = [UIColor clearColor];
        [btn addTarget:self action:@selector(btnClicked) forControlEvents:UIControlEventTouchUpInside];
        [_customView addSubview:btn];
     }
return _customView;
}

- (void)btnClicked{
    [self.view endEditing:YES];
}

第二步:在UITextField代理方法textFieldShouldBeginEditing:中复写inputAccessoryView

- (BOOL)textFieldShouldBeginEditing:(UITextField*)textField {
    textField.inputAccessoryView = self.customView; // 往自定义view中添加各种UI控件(以UIButton为例)
    CGRect frame = [self.view convertRect:self.view.bounds fromView:textField];
   NSLog(@"%@",NSStringFromCGRect(frame));   
   return YES;
}
  • 方法二:在textFielddrawRect方法里绘制
    自定义一个textField,继承与UITextField,然后在其drawRect方法中绘制一个按钮
- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
   UIToolbar *bar = [[UIToolbar alloc] initWithFrame:CGRectMake(0,0, kScreenWidth,44)];
   UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(kScreenWidth - 60, 7,50, 30)];
    [button setTitle:@"完成"forState:UIControlStateNormal];
    [button setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
    button.layer.borderColor = [UIColor redColor].CGColor;
    button.layer.borderWidth =1;
    button.layer.cornerRadius =3;
    [bar addSubview:button];
   self.inputAccessoryView= bar;
    [button addTarget:self action:@selector(print) forControlEvents:UIControlEventTouchUpInside];
}

- (void) print {
    
NSLog(@"button click”);
 [[self superview] endEditing:YES];
}

你可能感兴趣的:(UITextField弹出键盘右上角完成按钮)