使用 DatePicker 展开和折叠 UITableViewCells [英] Expanding and collapsing UITableViewCells with DatePicker

问题描述

我正在构建一个应用程序，让用户可以从 UITableView 中选择日期.tableView 是静态的和分组的.我浏览了很多问题，包括 这个，试图弄清楚如何实现这一点 - 但似乎没有什么是最佳的.Apple 的日历应用程序具有非常流畅和漂亮的动画效果，我所经历过的所有示例都无法重现.

I'm building an app that lets the user select dates from a UITableView. The tableView is static and grouped. I've looked through many questions, including this one, trying to figure out how to accomplish this - but nothing seems to work optimal. Apple's calendar app features a very smooth and nice animation that none of the examples I've been through have managed to recreate.

这是我想要的结果:

有人可以给我指点教程或解释我如何以最简洁直接的方式完成如此流畅的动画，就像我们在日历应用中看到的那样?

Could someone point me to a tutorial or explain how I can accomplish such a smooth animation with the most concise and straight forward way of doing it, like we see in the calendar app?

非常感谢！

埃里克

推荐答案

我假设您正在使用故事板，示例使用 UIPickerView:在包含要填充的文本字段的单元格正下方创建一个 tableviewcell，并在检查器中将单元格的行高设置为 216.0，并向该单元格添加一个 UIPickerView.

I assume you're using storyboard, the example is with UIPickerView: Create a tableviewcell right under the cell that contains the textfield you want to fill and set the cells row height to 216.0 in the inspector and add a UIPickerView to that cell.

接下来通过 Outlet 将 UIPickerView 连接到您的视图控制器，并将以下属性添加到您的 ViewController.h:

Next connect the UIPickerView via Outlet to your viewcontroller and add the following property to your ViewController.h:

@property (weak, nonatomic) IBOutlet UIPickerView *statusPicker;
@property BOOL statusPickerVisible;

在你的 ViewController.m 中做 viewWillAppear

In your ViewController.m do in viewWillAppear

self.statusPickerVisible = NO;
self.statusPicker.hidden = YES;
self.statusPicker.translatesAutoresizingMaskIntoConstraints = NO;

添加两个方法:

- (void)showStatusPickerCell {
    self.statusPickerVisible = YES;
    [self.tableView beginUpdates];
    [self.tableView endUpdates];
    self.statusPicker.alpha = 0.0f;
    [UIView animateWithDuration:0.25 
                 animations:^{
                     self.statusPicker.alpha = 1.0f;
                 } completion:^(BOOL finished){
                     self.statusPicker.hidden = NO;
                 }];];
}

- (void)hideStatusPickerCell {    
    self.statusPickerVisible = NO;
    [self.tableView beginUpdates];
    [self.tableView endUpdates];
    [UIView animateWithDuration:0.25
                 animations:^{
                     self.statusPicker.alpha = 0.0f;
                 }
                 completion:^(BOOL finished){
                     self.statusPicker.hidden = YES;
                 }];
}

在heightForRowAtIndexPath

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    CGFloat height = self.tableView.rowHeight;
    if (indexPath.row == 1){
        height = self.statusPickerVisible ? 216.0f : 0.0f;
    }
    return height;
}

在didSelectRowAtIndexPath

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.row == 0) {
        if (self.statusPickerVisible){
            [self hideStatusPickerCell];
        } else {
            [self showStatusPickerCell];
        }
    }
    [self.tableView deselectRowAtIndexPath:indexPath animated:YES];
}

这篇关于使用 DatePicker 展开和折叠 UITableViewCells的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！