Comment puis-je faire un modal sélecteur de date qui ne couvre que la moitié de l'écran?

Je veux avoir le même effet que la date de naissance setter dans les contacts iPhone app. Comment puis-je avoir un modal sélecteur de date viennent seulement à mi-chemin sur l'écran.

Je veux le sélecteur de date à plus d'un UITableView (comme dans les contacts iphone app). Je voudrais la UITableView pour faire défiler librement derrière le sélecteur de date (comme dans les contacts iphone app).

Merci d'avance.

Votre demande est en conflit ou besoins de reformuler: vous demandez un modal sélecteur tout en ayant en même temps la UITableView librement défilant derrière elle. Aussi, ce qui déclenche le montrer? Chaque cellule (avec un champ de texte)? Des cellules spécifiques? Est-il un bouton dans l'outil/narbar?

OriginalL'auteur klyngbaek | 2011-12-13

48

De loin, la meilleure façon d'obtenir une date-picker/uipicker clavier-comme l'est l'utilisation de la entrée de la propriété affichage d'un textfield:
1. Construire une simple coutume UITableViewCell qui contient un objet UITextField (Il est important seulement parce que la question était à propos de l'incorporation de l'un dans un tableau)
```
@interface pickerCell : UITableViewCell
{
    UITextField *txtTextField;
    UIPickerView* dtpPicker;
}
```
2. définir le Champ de l'inputview à la UIPickerView (assurez-vous qu'ils ont tous les deux été alloué et initialisé en premier):
```
txtTextField.inputView = dtpPicker;
```
3. Vous avez presque terminé. Maintenant, lorsque le champ devient le premier intervenant (l'utilisateur taraudés), l'utilisateur est présenté avec un sélecteur de vue.
  Il suffit de le remplir avec vos propres valeurs. ou utiliser un sélecteur de date.
4. Vous pouvez régler le sélecteur de délégué du/de la source de données à la même cellule (si il sera toujours une date de naissance de la cellule) ou avoir de la cellule superview charger des données. Quel que soit le choix que vous faites, assurez-vous de mettre à jour le txtTextField.texte sur
```
pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
```
Bonne chance!
Elad.

C'est une bien meilleure réponse que de faire des animations personnalisées et ajouter des boutons.
+1 c'est assez bien comment je ferais.
C'est fantastique! Exactement ce que je cherchais. Merci!!!!
Je ne comprends pas très bien l'étape 4. Comment dois-je le UIDatePicker mise à jour le champ de texte lorsque l'utilisateur est fini? Merci.
Pour être plus direct, vous pouvez utiliser UIDatePicker au lieu de UIPickerView

OriginalL'auteur eladleb

Ce code permettra d'ajouter un sélecteur de date comme une sous-vue de UITableView. Ce code suppose que nous sommes une sous-classe de UITableViewController.

Nous allons animer le sélecteur du bas. Enfin, nous sommes d'accrochage dans le scrollViewDidScroll: méthode du délégué de sorte que, comme la table des parchemins, le sélecteur semble rester en place.

Dans votre .h fichier, ajouter une propriété pour le sélecteur.

@property (strong, nonatomic) UIDatePicker *datePicker;

Dans votre .m fichier, nous avons ajouter le sélecteur de date.

- (void)viewDidLoad
{
  //Your own customization code.

    self.datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 200, 320, 216)];
    self.datePicker.hidden = YES;
    [self.datePicker addTarget:self action:@selector(datePickerValueChanged:) forControlEvents:UIControlEventValueChanged];
    [self.view addSubview:self.datePicker];
}

- (void)presentDatePicker
{
    if (self.datePicker.hidden == NO) { return; }

    //Set the date picker frame to be below the screen.
    self.datePicker.frame = CGRectMake(0, self.view.frame.size.height, self.datePicker.size.width, self.datePicker.size.height);
    CGRect originFrame = self.datePicker.frame;

    //Animate from the bottom.
    [UIAnimation animateWithDuration:.3 animations^{
      self.datePicker.frame = CGRectMake(0, 200, originFrame.size.width, originFrame.size.height);
    }];
}

#pragma mark - Scroll view delegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGRect tableBounds = self.tableView.bounds;
    CGRect datePickerFrame = self.datePicker.frame;

    self.datePicker.frame = CGRectMake(0, 200 + tableBounds.origin.y, datePickerFrame.size.width, datePickerFrame.size.height);
}

N'oubliez pas de @synthétiser votre propriété et le publier sur viewDidUnload

très belle réponse. merci mon homme

OriginalL'auteur Oli

1

Dans les contacts iPhone app le sélecteur de date vient quand un bouton est pressé. Pour ce faire, Vous avez besoin d'une couple de choses:
1. Un bouton connecté à une action, appelons l'action
  
  -(IBAction)showDatePicker:(id)sender
2. Un iVar qui est votre datePicker, que nous appellerons que datePicker.
Maintenant, dans ViewDidLoad vous devez créer le datePicker et de définir son cadre. Parce que nous ne voulons pas qu'il s'affiche jusqu'à ce que le showDatePicker bouton est pressé, l'ensemble de son cadre, de sorte qu'il est hors de l'écran. (0,416,320,216) devrait être bon. Maintenant, ajoutez le datePicker une sous-vue de votre cr de vue. Rappelez-vous, il ne devrait pas encore la cause nous avons mis l'image à l'écran. Maintenant, dans votre showDatePicker action, nous voulons faire le datePicker apparaissent, donc on peut l'animer en en changeant l'image dans un bloc de base de l'animation:
```
[UIView animateWithDuration:0.5 animations:^{
    [datePicker setFrame:CGRectMake(0, 200, 320, 216)];
}];
```
De même, vous pouvez le faire si vous voulez faire un bouton qui rend le datePicker disparaître. Vous avez juste à définir le cadre à ce qu'il était à l'origine.

J'espère que cela a aidé!

-K

Merci pour cette! L'animation a travaillé beaucoup. Mais la vue-je ajouter le datePicker est un UITableView. Cela signifie que le datePicker défile avec la UITableView. Dans l'application contacts sur l'iPhone, la UITableView pouvez faire défiler de manière indépendante derrière le datePicker qui apparaît. Une idée de comment faire cela? Merci!
De l'OMI, la solution la plus simple est de ne pas l'ajouter à un tableView. Si vous faites votre CR une sous-classe de UIViewController au lieu de UITableViewController, il peut encore avoir un tableView (et le délégué et la source de données), mais comme une sous-vue de la vue principale (il y a étonnamment peu que UITableViewController ne plus générique VC). Vous pouvez ensuite ajouter le datePicker de la vue principale au lieu de la tableView.

OriginalL'auteur Kyle Rosenbluth

C'est comment j'ai mis en place: j'ai le UIDatePicker dans un autre contrôleur appelé DateTimeEntryViewController et j'exécute le code suivant dans mon UIViewController lorsque l'utilisateur clique sur le bouton/cellule d'introduire la date et l'heure:

self.alphaView = [[[UIView alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
self.alphaView.opaque = NO;
self.alphaView.backgroundColor = [UIColor clearColor];
self.dateTimeEntryViewController.view.backgroundColor = [UIColor clearColor];

UIWindow *window = [[TTNavigator navigator] window];
[window addSubview:self.alphaView];
[window insertSubview:self.dateTimeEntryViewController.view aboveSubview:self.alphaView];

CGRect r = [_dateTimeEntryViewController.view frame];
r.origin.y = 480.0f;
[self.dateTimeEntryViewController.view setFrame:r]; 

[UIView beginAnimations:nil context:nil];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationDuration:0.5f];
self.alphaView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.5f];
r.origin.y = 0;
[self.dateTimeEntryViewController.view setFrame:r];
[UIView commitAnimations];

Donc je suis fondamentalement en montrant le point de vue du contrôleur qui a le UIDatePicker sur le dessus de l'actuel.

OriginalL'auteur yeforriak

Poster dans un vieux thread, mais pourrait aider quelqu'un. L'ajout de 200 est suffisant pour que l'écran de 3.5", pour une approche universelle, utilisez

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
   CGRect tableBounds = self.tableView.bounds;
   CGRect datePickerFrame = self.datePicker.frame;
   self.datePicker.frame = CGRectMake(0,
                                      tableBounds.origin.y + tableBounds.size.height - datePickerFrame.size.height,
                                      datePickerFrame.size.width,
                                      datePickerFrame.size.height);
}

OriginalL'auteur Roland

Vous devez vous connecter pour publier un commentaire.