UIScrollView scroll to button when keyboard is visible

Question

I got a pretty basic login form in my iOS application. The typical behavior I normally implement ist registering for the keyboard notifications and handling the scroll behavior of the UIScrollView in order to show the currently focused UITextField. However this time I need a slightly different behavior.

If the keyboard will show I want to scroll the scrollview so the submit button will be presented right above the keyboard and will be visible.

I know the recommended way is to use contentInsets but this seems to fail for me. I got it working with setting the contentOffset but I would love to see a better solution to this problem.

Here is my current code:

func keyboardWillShow(notification: Notification) {
    guard let userInfo: NSDictionary = notification.userInfo as NSDictionary?,
    let keyboardInfo = userInfo[UIKeyboardFrameEndUserInfoKey] as? NSValue else {
        return
    }
    let keyboardSize = keyboardInfo.cgRectValue.size

    guard let loginButton = loginButton else {
        return
    }
    let buttonOrigin: CGPoint = loginButton.convert(loginButton.bounds, to: self).origin
    let buttonHeight: CGFloat = loginButton.bounds.size.height
    var visibleRect = self.frame
    visibleRect.size.height -= keyboardSize.height

    if !visibleRect.contains(buttonOrigin) {
        let scrollPoint = CGPoint(x: 0.0, y: buttonOrigin.y - visibleRect.size.height + buttonHeight)
        scrollView.setContentOffset(scrollPoint, animated: true)
    }
}

you can take outlet of bottom constraint and updated it in keyboardWillShow — rv7284
– rv7284, Commented Jan 2, 2018 at 8:20

sundance · Accepted Answer · 2018-01-02 09:51:55Z

5

Did you try it the following way?

func keyboardWillShow(notification: Notification) {
    self.scrollView.isScrollEnabled = true
    let contentInsets = UIEdgeInsetsMake(0.0, 0.0, self.keyboardSize.height, 0.0)
    self.scrollView.contentInset = contentInsets
    self.scrollView.scrollIndicatorInsets = contentInsets
    var rect = self.view.frame
    rect.size.height -= self.keyboardSize.height
    if !rect.contains(self.loginButton.frame.origin) {
        self.scrollView.scrollRectToVisible(self.loginButton.frame, animated: true)
    }
}

After hours of trying this is the way I do the scrolling in my applications.

answered Jan 2, 2018 at 9:51

sundance

3,0581 gold badge22 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dehlen Over a year ago

Yeah thanks this works :) I am experiencing a strange bug on iPhone 4s with iOS 9.3 but I think this has nothing to do with this implementation. So this seems to work.

AlexK Over a year ago

Button is half cut off in this

Collectives™ on Stack Overflow

UIScrollView scroll to button when keyboard is visible

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related