如何以方向友好的方式在选项卡栏上显示 UIDatePicker？

Question

当我的用户点击我的表格视图日期字段时，我想在 UIDatePicker 中滑动，就像在标准联系人应用程序中，当用户点击生日字段时一样。还有一个额外的致命细节：

它位于标签栏应用程序中，我希望 UIDatePicker 在标签栏上滑动。当用户将手机横向放置时仍然会旋转。

我显示 UIDatePicker 的方式是插入视图中，然后设置其位置动画：

        [self.view addSubview: self.pickerView];

当我这样做时，会显示 UIDatePicker，但不会覆盖选项卡栏。

我还可以将其添加到窗口中：

        [self.view.window addSubview: self.pickerView];

UIDatePicker 正确地在选项卡栏上滑动，但是随后，它不遵循方向。

我发现的唯一半可接受的方法是完全不使用选项卡栏，方法是使用

        detailViewController.hidesBottomBarWhenPushed = YES;

但这不是我想要的：我想要详细视图中的选项卡栏。我只希望它在选择日期时消失。我无法使用 hidesBottomBarWhenPushed = YES 将 UIDatePicker 放入其自己的控制器中，因为这会完全覆盖屏幕，而且我宁愿让详细视图仍然部分可见。

欢迎任何建议。

以下是我用来显示 UIDatePicker 的完整代码，是从一些示例代码复制过来的：

- (void) doPickDate
{
    NSDate *initialDateForPicker = [(ExpenseData*) self.displayedObject displayDate];
    self.pickerView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleTopMargin;
    self.pickerView.datePickerMode = UIDatePickerModeDate;
    self.pickerView.date = initialDateForPicker;

    // check if our date picker is already on screen
    if (self.pickerView.superview == nil)
    {
        [self.view addSubview: self.pickerView];

        // size up the picker view to our screen and compute the start/end frame origin for our slide up animation
        // compute the start frame
        CGRect screenRect = [[UIScreen mainScreen] applicationFrame];
        CGSize pickerSize = [self.pickerView sizeThatFits:CGSizeZero];
        CGRect startRect = CGRectMake(0.0,
                                      screenRect.origin.y + screenRect.size.height,
                                      pickerSize.width, pickerSize.height);
        self.pickerView.frame = startRect;

        // compute the end frame
        CGRect pickerRect = CGRectMake(0.0,
                                       screenRect.origin.y + screenRect.size.height - pickerSize.height,
                                       pickerSize.width,
                                       pickerSize.height);
        // start the slide up animation
        [UIView beginAnimations:nil context:NULL];
        [UIView setAnimationDuration:0.3];

        // we need to perform some post operations after the animation is complete
        [UIView setAnimationDelegate:self];

        self.pickerView.frame = pickerRect;

        // shrink the table vertical size to make room for the date picker
        CGRect newFrame = self.tableView.frame;
        newFrame.size.height -= self.pickerView.frame.size.height - 49 /* tab bar height */;
        self.tableView.frame = newFrame;
        [UIView commitAnimations];

        // add the "Done" button to the nav bar
        self.navigationItem.rightBarButtonItem = self.doneButton;
    }

}

Answer 1

您应该将 UIDatePicker 对象设置为该特定文本字段的 inputView。所有动画和演示内容都将得到处理。

隐藏光标

没有方法可以隐藏光标。我能想到的唯一机制是使用 leftView 属性并将其设置为标签。

CGRect frame = self.textField.bounds;

UILabel * theLabel = [[[UILabel alloc] initWithFrame:frame] autorelease];
theLabel.userInteractionEnabled = YES;
theLabel.backgroundColor = [UIColor clearColor];

UITapGestureRecognizer * tap = [[[UITapGestureRecognizer alloc] initWithTarget:self
                                                                        action:@selector(tap:)] autorelease];
[theLabel addGestureRecognizer:tap];

self.textField.leftViewMode = UITextFieldViewModeAlways;
self.textField.leftView = theLabel;
self.textField.clipsToBounds = YES;

并使用处理点击，

- (void)tap:(UIGestureRecognizer *)gesture {
    [self.textField becomeFirstResponder];
}

现在这不适用于圆角矩形按钮，因为无论标签的框架是什么，光标都会在右上角闪烁。它隐藏其他边框样式的光标。您还可以通过将值设置为其文本来充分利用该标签。

UILabel * theLabel = textField.leftView;
theLabel.text = @"Appropriate Value from Picker";