Comments on: Adjust UITextField hidden behind Keyboard with UIScrollView

By: Neil

Neil — Thu, 19 Aug 2010 19:42:03 +0000

Hi, great article!
I too was having an issue with the transition in either way being a bit too harsh so Ive fixed it by animating both scrollRectToVisible and the scrollView frame resize. It’s now very smooth and seamless in both directions!


- (void)keyboardWillHide:(NSNotification*)notification{
    NSDictionary* userInfo = [notification userInfo];
    NSValue* boundsValue = [userInfo objectForKey:UIKeyboardFrameBeginUserInfoKey];

    CGSize keyboardSize = [boundsValue CGRectValue].size;
    CGRect viewFrame = self.scrollView.frame;
    viewFrame.size.height += (keyboardSize.height);

	[UIView beginAnimations:nil context:NULL];

	[UIView setAnimationBeginsFromCurrentState:YES];

	[UIView setAnimationDuration:0.3];

	[self.scrollView setFrame:viewFrame];

	[UIView commitAnimations];
	CGRect oldFrame=CGRectMake(viewOffset.x, viewOffset.y, viewFrame.size.width , viewFrame.size.height );

	[scrollView scrollRectToVisible:oldFrame animated:YES];
    keyboardIsShown = NO;

}
-(void)keyboardWillShow:(NSNotification*)notification{
    if (keyboardIsShown) {

        return;

    }
    NSDictionary* userInfo = [notification userInfo];
    // get the size of the keyboard

    NSValue* boundsValue = [userInfo objectForKey:UIKeyboardFrameBeginUserInfoKey];

    CGSize keyboardSize = [boundsValue CGRectValue].size;
	viewOffset=scrollView.contentOffset;
    CGRect viewFrame = self.scrollView.frame; viewFrame.size.height -= (keyboardSize.height );
	[UIView beginAnimations:nil context:NULL];

    [UIView setAnimationBeginsFromCurrentState:YES];

    [UIView setAnimationDuration:0.3];

    [self.scrollView setFrame:viewFrame];

    [UIView commitAnimations];
	CGRect textFieldRect = [currentField frame];

    textFieldRect.origin.y += 10;

    [scrollView scrollRectToVisible:textFieldRect animated:YES];
    keyboardIsShown = YES;

}

Cheers!

By: BrunoVR

BrunoVR — Sat, 19 Jun 2010 14:43:16 +0000

Ciao !

Thank’s for this tutorial.
I use your method and work very well, but i have a problem,
I have 3 textfield in my screen, 2 at the bottom and hidden behind the keyboard, and 1 textfield in the upper side.
When i edit the textfield in the upper side , the view scroll up.
It’s possible to scroll the view ONLY if the textfield is hidden ( > of the keyboard height)

Thank’s so much !

BrunoVR

By: muanis

muanis — Wed, 09 Jun 2010 01:55:35 +0000

@bhavesh very good point, i've found some more info on this approach in this discussion

By: muanis

muanis — Wed, 09 Jun 2010 01:45:12 +0000

@Johndesp I’ve double check the code and it’s the same as the text. Maybe you didn’t notice, that the code in the zipfile is the final version, with the changes that add the activefield attribute. Let me know if I can help you in any way.

muanis

By: Neel

Neel — Wed, 05 May 2010 22:10:53 +0000

Hey friend,

Thank you so much. your description was very helpful, it really helped me finding solution to my problem. Great article. Thanks a lot.

By: Bhavesh Patel

Bhavesh Patel — Thu, 29 Apr 2010 09:16:00 +0000

This is the simple way to do this

- (void)setViewMovedUp:(BOOL)movedUp
{
	[UIView beginAnimations:nil context:NULL];
	[UIView setAnimationDuration:0.3];
	CGRect rect = self.view.frame;
	rect.origin.y = 0.0;

	if (movedUp)
	{
		rect.origin.y -= kOFFSET_FOR_KEYBOARD;
	}

	if(!movedUp){

		rect.origin.y = 0.0f;
	}

	self.view.frame = rect;
	[UIView commitAnimations];

}

By: JohnDesp

JohnDesp — Sun, 14 Feb 2010 00:21:14 +0000

Hi. Great article. The link to the source code seem to be do different code.

Can you recheck the link?

thanks

johndesp

By: muanis

muanis — Sun, 10 Jan 2010 17:09:15 +0000

Craig, I even tried to come up with an animated version, but then I gave up. If you notice the behavior of apple's own applications (like Notes for instance) just snaps back also. In my tests I used some basic animations like in this post but after all, it seems impossible to resize the UIScrollView before the keyboard hides, and then the UITextFields really appear cutted while it resizes.

By: Craig

Craig — Sat, 09 Jan 2010 19:44:40 +0000

Great article, this perfectly fixed a problem I was experiencing. Thanks!

By: Craig J. Remy

Craig J. Remy — Sat, 09 Jan 2010 04:40:48 +0000

This is a very useful post. Thank you. One question, how do you animate the UIScrollView back into position. Currently it just snaps back which is not very elegant.