iOS 在 UITableViewCells 之间显示 UIDatePicker

Question

在 iOS 7 中，鼓励开发人员在需要输入时在表格单元格之间显示日期选择器，然后在完成时隐藏它们。怎样才能达到这个效果？

Answer 1

Vasilica Costescu 在这里有一个很棒的教程： http://masteringios.com/blog/2013/10/31/ios-7-in-line-uidatepicker/

对于静态表： http://masteringios.com/blog/2013/11/18/ios-7-in-line-uidatepicker-part-2/

此处的示例代码：https://github.com/costescv/InlineDatePicker

关键位是隐藏/显示方法：

 - (void)showDatePickerCell {
    self.datePickerIsShowing = YES;
    [self.tableView beginUpdates];
    [self.tableView endUpdates];

    self.datePicker.hidden = NO;
    self.datePicker.alpha = 0.0f;

    [UIView animateWithDuration:0.25 animations:^{
        self.datePicker.alpha = 1.0f;
    }];
}

- (void)hideDatePickerCell {
    self.datePickerIsShowing = NO;
    [self.tableView beginUpdates];
    [self.tableView endUpdates];

    [UIView animateWithDuration:0.25
                     animations:^{
                         self.datePicker.alpha = 0.0f;
                     }
                     completion:^(BOOL finished){
                         self.datePicker.hidden = YES;
                     }];
}

并且这个 UITableViewDelegate 方法将通过将其高度设置为 0 来“隐藏”该行：

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

    if (indexPath.section == 0 && indexPath.row == 4 && self.datePickerIsShowing == NO){
        // hide date picker row
        return 0.0f;
    }
    return [super tableView:tableView heightForRowAtIndexPath:indexPath];
}

您可以通过按钮调用隐藏/显示方法，或者仅通过选择表格中的行来调用。 （注意：如果其他行有文本字段，则可能需要在 textFieldDidBeginEditing 委托方法中隐藏 datePicker）。

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.section == 0 && indexPath.row == 4) {
        if (self.datePickerIsShowing){
            [self hideDatePickerCell];
        }else {
            [self showDatePickerCell];
        }
    }
    [self.tableView deselectRowAtIndexPath:indexPath animated:YES];
}

编辑：在单个表中使用多个这些内联选择器视图时要小心。我注意到它们从情节提要中加载的速度很慢：iOS 7 slow to open UITableViewController with UIPickerView