Remplacer élégamment le clavier de l'iPhone avec UIPickerView

J'ai une table qui a intégré UITextFields pour la saisie de certaines données. Il dispose également de deux autres champs que pop-up un UIPickerView et un UIDatePicker - comme l'a démontré dans le DateCell exemple d'Apple.

Surtout, il fonctionne, mais je ne peux pas comprendre comment à proprement transition entre le champ de texte clavier pour les autres cueilleurs - on glisse, on glisse dans l' - il a l'air bizarre et la position de défilement sur l'écran du tableau, parfois, se fait défoncer par tout ce qui défile sur le dessus.

Ce que je voudrais faire est de remplacer le champ de texte clavier sans elle, l'animation de loin et sans elle de plus en plus l'affichage de la table de retour à la pleine taille.

Toute indices?

source d'informationauteur Brad Robinson

  1. 31

    Tout d'abord, voici un screencapture montrer à quoi cela ressemble.

    Mettre en œuvre UITextFieldDelegate et d'afficher un "popup" contenant un UIPickerView.

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

    UIPickerView *picker = [[UIPickerView alloc] 
                                 initWithFrame:CGRectMake(0, 244, 320, 270)];
    picker.delegate = self;
    picker.dataSource = self;
    [self.view addSubview:picker];
    [picker release];
}

    Lorsque le clavier disparaît, un sélecteur de point de vue est alors visible.

    Si vous voulez prendre un peu plus loin, vous pouvez animer les UIPickerView "glisser" comme le clavier. 

    - (void)viewDidLoad {

    //picker exists in the view, but is outside visible range
    picker = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 480, 320, 270)];
    picker.delegate = self;
    picker.dataSource = self;
    [self.view addSubview:picker];
    [picker release];
}

//animate the picker into view
- (void)textFieldDidEndEditing:(UITextField *)textField {

    [UIView beginAnimations:@"picker" context:nil];
    [UIView setAnimationDuration:0.5];

    picker.transform = CGAffineTransformMakeTranslation(0,-236);
    [UIView commitAnimations];

}

//animate the picker out of view
- (void)textFieldDidBeginEditing:(UITextField *)textField {

    [UIView beginAnimations:@"picker" context:nil];
    [UIView setAnimationDuration:0.5];

    picker.transform = CGAffineTransformMakeTranslation(0,236);
    [UIView commitAnimations];
}

//just hide the keyboard in this example
- (BOOL)textFieldShouldReturn:(UITextField *)textField {
    [textField resignFirstResponder];
    return NO;
}
  2. 29

    Il suffit de régler le UITextField de inputView propriété à un UIPickerView.