13

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

在此处输入图像描述

4

1 回答 1

16

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

于 2014-01-20T18:23:40.373 回答