在iOS 7中,鼓励开发人员在需要输入时在表格单元格之间显示日期选择器,然后在完成后隐藏它们。我怎样才能达到这个效果?
答案 0 :(得分: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