使用动画调整点击时的视图大小

user1007522 发表于 Dev

用户名

我试图制作一个用户界面，当我单击它时会发出动画。

这是我的草图：

在此处输入图片说明

它从与左草图一样小的mapview开始。其余的都充满了表格视图。现在，当我单击地图视图时，它会像右边的草图一样滑到底部，因此地图视图会在屏幕上占据最多的位置。当我单击小的Tableview时，反之亦然。

我该如何实现？

我考虑过创建一个View，然后将mapview和tableview添加为子视图，但是后来我不知道该如何对其进行动画处理。到目前为止，还制作了一些真正的简单动画。

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

贾纳尼M

  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];
  }