Hoạt ảnh tải lạiData trên UITableView

Question

Bạn sẽ hoạt hình như thế nào - reloadData trên UITableView? Nguồn dữ liệu có trên UIFetchedResultsController vì vậy tôi không thể phát với – insertSections:withRowAnimation:, – deleteSections:withRowAnimation: được gói trong – beginUpdates, – endUpdates.

EDIT: Tôi muốn gọi - reloadData sau khi NSFetchedResultsController nạp lại.

Answer 1

tôi đã loại phương pháp.

- (void)reloadData:(BOOL)animated 
{ 
    [self reloadData]; 

    if (animated) { 

     CATransition *animation = [CATransition animation]; 
     [animation setType:kCATransitionPush]; 
     [animation setSubtype:kCATransitionFromBottom]; 
     [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; 
     [animation setFillMode:kCAFillModeBoth]; 
     [animation setDuration:.3]; 
     [[self layer] addAnimation:animation forKey:@"UITableViewReloadDataAnimationKey"]; 

    } 
} 

Answer 2

Bạn không thể hoạt ảnh reloadData. Bạn sẽ phải sử dụng các phương thức insert..., delete..., move... và reloadRows... của chế độ xem bảng để tạo hiệu ứng động.

Điều này khá đơn giản khi sử dụng NSFetchedResultsController. Các tài liệu cho NSFetchedResultsControllerDelegate chứa một tập hợp các phương pháp mẫu mà bạn vừa phải thích ứng với mã của riêng bạn:

- (void)controllerWillChangeContent:(NSFetchedResultsController *)controller { 
    [self.tableView beginUpdates]; 
} 


- (void)controller:(NSFetchedResultsController *)controller didChangeSection:(id <NSFetchedResultsSectionInfo>)sectionInfo 
    atIndex:(NSUInteger)sectionIndex forChangeType:(NSFetchedResultsChangeType)type { 

    switch(type) { 
     case NSFetchedResultsChangeInsert: 
      [self.tableView insertSections:[NSIndexSet indexSetWithIndex:sectionIndex] 
          withRowAnimation:UITableViewRowAnimationFade]; 
      break; 

     case NSFetchedResultsChangeDelete: 
      [self.tableView deleteSections:[NSIndexSet indexSetWithIndex:sectionIndex] 
          withRowAnimation:UITableViewRowAnimationFade]; 
      break; 
    } 
} 


- (void)controller:(NSFetchedResultsController *)controller didChangeObject:(id)anObject 
    atIndexPath:(NSIndexPath *)indexPath forChangeType:(NSFetchedResultsChangeType)type 
    newIndexPath:(NSIndexPath *)newIndexPath { 

    UITableView *tableView = self.tableView; 

    switch(type) { 

     case NSFetchedResultsChangeInsert: 
      [tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:newIndexPath] 
         withRowAnimation:UITableViewRowAnimationFade]; 
      break; 

     case NSFetchedResultsChangeDelete: 
      [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] 
         withRowAnimation:UITableViewRowAnimationFade]; 
      break; 

     case NSFetchedResultsChangeUpdate: 
      [self configureCell:[tableView cellForRowAtIndexPath:indexPath] 
        atIndexPath:indexPath]; 
      break; 

     case NSFetchedResultsChangeMove: 
      [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] 
         withRowAnimation:UITableViewRowAnimationFade]; 
      [tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:newIndexPath] 
         withRowAnimation:UITableViewRowAnimationFade]; 
      break; 
    } 
} 


- (void)controllerDidChangeContent:(NSFetchedResultsController *)controller { 
    [self.tableView endUpdates]; 
} 

Answer 3

Bạn có thể tạo ra một hình ảnh động cơ bản của reLoadData sử dụng:

// Reload table with a slight animation 
[UIView transitionWithView:tableViewReference 
        duration:0.5f 
        options:UIViewAnimationOptionTransitionCrossDissolve 
       animations:^(void) { 
    [tableViewReference reloadData]; 
} completion:NULL]; 

Answer 4

Tôi tạo ra một phương pháp UITableView loại dựa trên giải pháp từ this link.

Nó phải tải lại tất cả các phần của bảng. Bạn có thể chơi với các tùy chọn UITableViewRowAnimation cho các hiệu ứng hoạt ảnh khác nhau.

- (void)reloadData:(BOOL)animated 
{ 
    [self reloadData]; 

    if (animated) 
    { 
     [self reloadSections:[NSIndexSet indexSetWithIndexesInRange:NSMakeRange(0, self.numberOfSections)] withRowAnimation:UITableViewRowAnimationBottom]; 
    } 
} 

Answer 5

typedef enum { 
    UITableViewRowAnimationFade, 
    UITableViewRowAnimationRight, 
    UITableViewRowAnimationLeft, 
    UITableViewRowAnimationTop, 
    UITableViewRowAnimationBottom, 
    UITableViewRowAnimationNone, 
    UITableViewRowAnimationMiddle, 
    UITableViewRowAnimationAutomatic = 100 
} UITableViewRowAnimation; 

và phương pháp:

[self.tableView reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationFade]; 

Answer 6

Bạn chỉ có thể gọi đường dây này khi bạn muốn tải lại toàn bộ bảng với một hình ảnh động:

NSRange range = NSMakeRange(0, [self numberOfSectionsInTableView:self.tableView]); 
NSIndexSet *sections = [NSIndexSet indexSetWithIndexesInRange:range]; 
[self.tableView reloadSections:sections withRowAnimation:UITableViewRowAnimationFade]; 

Answer 7

Bạn có thể muốn sử dụng:

Objective-C

/* Animate the table view reload */ 
[UIView transitionWithView:self.tableView 
        duration:0.35f 
        options:UIViewAnimationOptionTransitionCrossDissolve 
       animations:^(void) 
{ 
     [self.tableView reloadData]; 
} 
       completion:nil]; 

Swift lựa chọn

UIView.transitionWithView(tableView, 
          duration:0.35, 
          options:.TransitionCrossDissolve, 
          animations: 
{() -> Void in 
    self.tableView.reloadData() 
}, 
          completion: nil); 

Animation:

TransitionNone TransitionFlipFromLeft TransitionFlipFromRight TransitionCurlUp TransitionCurlDown TransitionCrossDissolve TransitionFlipFromTop TransitionFlipFromBottom

Reference