ios - 点击动画调整 View 大小

Question

我正在尝试制作一个用户界面，当我点击它时会产生动画。

这是我的草图:



它从与左侧草图一样小的 map View 开始。其余的都是一个表格 View 。现在，当我单击 map View 时，它会像右侧草图一样滑到底部，因此 map View 会填满屏幕外的大部分内容。当我单击小 Tableview 时，反之亦然。

我怎样才能做到这一点？

我想创建一个 View ，然后将 mapview 和 tableview 添加为 subview ，但是我不知道如何为它设置动画。到现在为止做了一些真正简单的动画。

有人可以指出我正确的方向吗？

Answer 1

  NSNumber isMapExpanded = 0;

  - (void) expandMap 
    {
       [UIView animateWithDuration:1.0
                             delay:0.2
                           options:nil
                        animations:^{
                                 if([isMapExtended integerValue] == 0)
                                 {
                                     mapview.frame = CGRectMake(mapview.frame.origin.x, mapview.frame.origin.y, mapview.frame.size.width, mapview.frame.size.height + heightTobeExpanded);
                                     tableView.frame = CGrectMake(tableView.frame.origin.x, tableView.frame.origin.y - heightTobeExpanded, tableView.frame.size.width, tableView.frame.size.height + heightTobeExpanded);
                                 }  
                                 else if([isMapExtended integerValue] == 1)
                                 {
                                     mapview.frame = CGRectMake(mapview.frame.origin.x, mapview.frame.origin.y, mapview.frame.size.width, mapview.frame.size.height - heightTobeExpanded);
                                     tableView.frame = CGrectMake(tableView.frame.origin.x, tableView.frame.origin.y + heightTobeExpanded, tableView.frame.size.width, tableView.frame.size.height - heightTobeExpanded);
                                 }     
                           }
             completion:nil];
  }