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

前言 【UITextField弹出键盘右上角完成按钮】对做iOS开发的程序猿们来说UITextField肯定很熟悉,在点击UITextField后会弹出键盘,输入完之后我们希望键盘退出否则会遮挡住界面,所以我们需要退出键盘。其实现在基本上第三方键盘都有这个功能,但是苹果爸爸的键盘并没有这个功能,保不齐哪个用户喜欢用苹果爸爸的键盘,所以我们还是得实现这个功能。
简单的方案点击键盘以外的地方让键盘退出,但是这种方案在这个界面是TableView或者当前界面存在多个输入入口时,用户体验不是很好。所以这种简单的粗暴的方案不能解决问题,毕竟用户是我们爸爸。

UITextField弹出键盘右上角完成按钮
文章图片

所以我们采用第二种方案,在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]; }

    推荐阅读