CODEWITHSUNDEEP
iosuitextfielduipickerview
user2189388
user2189388

Reputation: 202

how to pop up datePicker when text filed click and disappear when editing done

i have view something like below

enter image description here date picker view is always there how can i make it appear pop up when Enter date is clicked and when i click on back ground then date picker should go down

i have just made date picker view customary but i dont know how to do this appear and disappear thing

Upvotes: 7

Views: 10645

Answers (4)

Reckoner
Reckoner

Reputation: 1041

Before doing the code for datePicker,make sure that you type the following line of code 

    [textField resignFirstResponder];

As we know,keyboard is the default first responder of a textField.So you should resign it first and then code for picker otherwise the keyboard will pop up as well.

Upvotes: 0

Fire Fist
Fire Fist

Reputation: 7060

Ok. Here is some sample code for your requirement with animation.

- (void) showView
{
    [self.view addSubview:yourDatePickerView];
        yourDatePickerView.frame = CGRectMake(0, -250, 320, 50);
        [UIView animateWithDuration:1.0
                         animations:^{
                             yourDatePickerView.frame = CGRectMake(0, 152, 320, 260);
                         }];
}

And here is how to hide your DatePickerView

- (void) hideView
{
    [UIView animateWithDuration:0.5
                         animations:^{
                             yourDatePickerView.frame = CGRectMake(0, -250, 320, 50);
                         } completion:^(BOOL finished) {
                             [yourDatePickerView removeFromSuperview];
                         }];
}

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField
{
    if(textField == yourDateTextField)
    {
         [self showView];
         return NO; // preventing keyboard from showing
    }
    return YES;
}


- (void)textFieldDidEndEditing:(UITextField *)textField
{
    if(textField == yourDateTextField)
    {
         [self hideView];
    }
}

That's all you need.

Upvotes: 13

Mrunal
Mrunal

Reputation: 14118

  • Create one UIView reference which contains this date picker view.
  • Now assign this datePickerContainerView to textField.inputView property.

  • Then assign textfield.delegate to self and implement your textFieldShouldReturn method. In that method, write this lines

    [textField resignFirstResponder];

    return YES;

Now when you tap on that textfield, it will load datepicker view in place of default keyboard, as per inputview property settings.

Upvotes: 1

Apurv
Apurv

Reputation: 17186

You should identify the textfield in the delegate method.

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField
{
    if(textField == DATE_TEXT_FIELD)
    {
             //Display date picker
    }
}


- (void)textFieldDidEndEditing:(UITextField *)textField
{

        if(textField == DATE_TEXT_FIELD)
        {
                 //Hide date picker
            }
}

Upvotes: 2

Related Questions