How to add line at the top of keyboard in ios?

Question

I have a view in which I show Numeric Keyboard. My problem is that the keyboard is missing a top line. With a white background an unpleasant effect appears:

enter image description here

How can I add a 1pt view at the top to simulate top line?

Is this a custom keyboard or the standard phone pad keyboard type? — rmaddy, Apr 29 '15 at 15:28
This is standard keyboard in simple app, @rmaddy. I have the same issue in my main app (I only use code for moving entire view so the edited control is not hidden). — new2ios, Apr 29 '15 at 15:34
I don't know @rmandy. To be sure that the problem is not in my code I created new App only with one text field. I check and I see that the upper section of the Numpad keyboard is missing border. I have this type of keyboard before but in that case my background had colour different from white. I suppose that this is the problem. — new2ios, Apr 30 '15 at 13:33

score 7 · Accepted Answer · answered Apr 29 '15 at 15:28

7

quick and dirty:

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField {
    UIView *separatorView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth([UIScreen mainScreen].bounds), 1.0 / [UIScreen mainScreen].scale)];
    separatorView.backgroundColor = [UIColor lightGrayColor];
    textField.inputAccessoryView = separatorView;

    return YES;
}

answered Apr 29 '15 at 15:28

André Slotta

13,774
2
22
34

It works, except that I have to set it on `textFieldDidBeginEditing`, not on `textFieldShouldBeginEditing `. – new2ios Apr 30 '15 at 07:53
May be, because I have code to move view (so the edited `UITextFiled` is not hidden). Also my text field is custom control. – new2ios Apr 30 '15 at 09:24
I added the line in the viewWillAppear method. – RyanJM May 19 '17 at 18:44

score 1 · Answer 2 · edited May 23 '17 at 12:26

The easiest way would be to add a 1pt tall UIView as the inputAccessoryView to a UITextField. See Custom Views for Data Input.

If you are using more than one field or would rather have more control over it, you can add a subview to your current controller's view and position it appropriately. To do that you use the keyboard notifications posted by the OS (UIKeyboardWillShowNotification and UIKeyboardWillHideNotification), as described in How to make a UITextField move up when keyboard is present?.

score 0 · Answer 3 · answered Sep 11 '17 at 19:26

For Swift 3, iOS 10

func textFieldShouldBeginEditing(_ textField: UITextField) -> Bool {
  var separatorView = UIView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 1.0/UIScreen.main.scale))
  separatorView.backgroundColor = UIColor.lightGray
  textField.inputAccessoryView = separatorView
  return true
}

How to add line at the top of keyboard in ios?

3 Answers3