在UITableView的一部分中使用制表符切换动画的Tab-like-thing

时间:2009-05-11 22:48:26

标签: objective-c iphone cocoa-touch

我的iPhone应用程序中有一个UITableView,其中的部分类似于查看标准联系人应用程序中的联系人详细信息。在其中一个部分中,我将UISegmentedControl设置为该部分的标题,该部分中的项目取决于在分段控件中选择的段。我想要做的是让动画将一个标签的行从视图移到一侧,并将另一个标签的行从另一侧移开。我已经设法通过使用默认的UITableView动画插入/删除相应的行来实现这一点,但是当一个选项卡中的行数与另一个选项卡中的行数不同时,它看起来有点奇怪。这个代码也非常讨厌。

这是我的代码(简化了一下):

[self.tableView beginUpdates];
UITableViewRowAnimation delAnim = UITableViewRowAnimationRight;
UITableViewRowAnimation insAnim = UITableViewRowAnimationLeft;
NSUInteger numdel = [self.list count];
NSUInteger numins = [newlist count];
NSMutableArray* indices = [NSMutableArray arrayWithCapacity: numdel];
for (NSUInteger i = 0; i < numins; i++)
{
    [indices addObject: [NSIndexPath indexPathForRow: i  inSection: SECT]];
}
[self.tableView insertRowsAtIndexPaths: indices  withRowAnimation: insAnim];
[indices removeAllObjects];
for (NSUInteger i = 0; i < numdel; i++)
{
    [indices addObject: [NSIndexPath indexPathForRow: i  inSection: SECT]];
}
[self.tableView deleteRowsAtIndexPaths: indices  withRowAnimation: delAnim];
self.list = newlist;
[self.tableView endUpdates];

我对Objective C和Cocoa相当新,所以非常欢迎任何建议。

1 个答案:

答案 0 :(得分:3)

您可以尝试使用直接制作动画的单独表格视图。这里的片段只是袖手旁观,所以可能需要一些工作,但它应该至少给你一些指示:

- (void) switchToNewTableFromRight
{
    UITableView * newTableView = [[UITableView alloc] initWithFrame: self.tableView.frame style: self.tableView.style];

    // put it off to the right of the existing table
    CGRect frame = newTableView.frame;
    frame.origin.x += frame.size.width;
    newTableView.frame = frame;

    // set data for new table
    // you should ensure you're setup to supply data for the new table here, btw
    newTableView.delegate = self;
    newTableView.dataSource = self;
    [newTableView reloadData];

    // add to parent of current table view at this (offscreen) location
    [self.tableView.superview addSubview: newTableView];

    // now we animate
    [UIView beginAnimations: @"TableFromRight" context: newTableView];

    // set the function it should call when the animation completes
    [UIView setAnimationDelegate: self];
    [UIView setAnimationDidStopSelector: @selector(animation:finished:context:)];

    // set new table's frame to current table's frame
    newTableView.frame = self.tableView.frame;

    // set current table's frame to be offscreen to the left
    frame = self.tableView.frame;
    frame.origin.x -= frame.size.width;
    self.tableView.frame = frame;

    // commit the animations to start them going
    [UIView commitAnimations];
}

- (void) animation: (NSString *) animationID finished: (BOOL) finished context: (void *) context
{
    // could be a good idea to check that finished == YES here
    UITableView * newTableView = (UITableView *) context;
    self.tableView = newTableView;

    // newTableView has been inited but not autoreleased, etc.
    // now the controller (self) owns it, so release that first reference
    [newTableView release];
}

这里的想法是你设置新表(使其与现有表格大小相同),将其放在现有表格右侧的屏幕外,然后为两个表格的宽度移动设置动画。这样,现有的桌子将在屏幕外移动,而新的桌子将在屏幕上移动。当动画完成时,它将调用提供的方法,使您有机会使新表查看官方表视图。

另一种选择是使用翻转过渡,这可能是这样的:

// setup new table
UITableView * newTableView = [[UITableView alloc] initWithFrame: self.tableView.frame style: self.tableView.style];
newTableView.delegate = self;
newTableView.dataSource = self;
[newTableView reloadData];

[UIView beginAnimations: nil context: NULL];
[UIView setAnimationDuration: 1.0];
[UIView setAnimationTransition: UIViewAnimationTransitionFlipFromRight forView: self.tableView.superview cache: YES];

// generally here you'd remove the old view and add the new view
// I'm *assuming* that UITableViewController's -setTableView: will do the same thing
self.tableView = newTableView;

[UIView commitAnimations];

希望其中一个会产生预期的效果。