UITextField弹出键盘右上角完成按钮
前言
【UITextField弹出键盘右上角完成按钮】对做iOS开发的程序猿们来说UITextField
肯定很熟悉,在点击UITextField
后会弹出键盘,输入完之后我们希望键盘退出否则会遮挡住界面,所以我们需要退出键盘。其实现在基本上第三方键盘都有这个功能,但是苹果爸爸的键盘并没有这个功能,保不齐哪个用户喜欢用苹果爸爸的键盘,所以我们还是得实现这个功能。
简单的方案点击键盘以外的地方让键盘退出,但是这种方案在这个界面是TableView
或者当前界面存在多个输入入口时,用户体验不是很好。所以这种简单的粗暴的方案不能解决问题,毕竟用户是我们爸爸。
文章图片
所以我们采用第二种方案,在UITextField
弹出键盘上加一个按钮用来退出键盘。
- 方法一:在
UITextField
的代理里复写textField
的inputAccessoryView
第一步:在当前控制器创建一个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;
}
- 方法二:在
textField
的drawRect
方法里绘制
自定义一个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];
}
推荐阅读
- EditText默认不获取焦点弹出键盘
- iOS键盘工具条自定义
- 安卓软键盘
- 20180821
- 移动端html5网站,如何设置输入框键盘的“搜索”“前往”按钮|移动端html5网站,如何设置输入框键盘的“搜索”“前往”按钮 - input type
- 软键盘搜索按钮同步搜索框
- UITextField|UITextField 文字向右偏移
- jQuery的弹出窗口插件colorbox
- 练习题之栈的压入,弹出序列
- 使用ColorBox弹出图片组浏览层,点击换图