UITableview reloaddata with animation

Question

I have a UITableView which is populated from array and a drop down list.
If I select any row of drop down list the array will be inserted with new values and tableview should get reloaded.

How to animate the tableview with new array contents?

Animation like I want to show the row one by one. i tried this method

- (void)reloadRowsAtIndexPaths:(NSArray )indexPaths withRowAnimation:(UITableViewRowAnimation)animation { 
NSIndexPath rowToReload = [NSIndexPath indexPathForRow:[names count] inSection:0];
 NSArray* rowsToReload = [NSArray arrayWithObjects:rowToReload, nil]; 
[tableDetails reloadRowsAtIndexPaths:rowsToReload withRowAnimation:UITableViewRowAnimationNone];
 }

animation like i want to show the row one by one . i tried this method - (void)reloadRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation { NSIndexPath* rowToReload = [NSIndexPath indexPathForRow:[names count] inSection:0]; NSArray* rowsToReload = [NSArray arrayWithObjects:rowToReload, nil]; [tableDetails reloadRowsAtIndexPaths:rowsToReload withRowAnimation:UITableViewRowAnimationNone]; } — Naveen Pathiyil, Jan 29 '13 at 06:39
put this code in your question so someone can help u better. — CRDave, Jan 29 '13 at 06:43

score 119 · Answer 1 · edited Dec 08 '16 at 21:28

119

To add to the correct answer, if you want to reload all sections in your UITableView you will need to do the following:

ObjC

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

Swift

let range = NSMakeRange(0, self.tableView.numberOfSections)  
let sections = NSIndexSet(indexesIn: range)               
self.tableView.reloadSections(sections as IndexSet, with: .automatic)

This will reload everything in the table view with an animation. Like a boss.

edited Dec 08 '16 at 21:28

johndpope

4,223
2
33
37

answered Jan 20 '14 at 16:45

Tim Windsor Brown

3,853
5
23
33

14

This assume the number of section does not changed. I secured it with this test `[self.tableView numberOfSections] == [self numberOfSectionsInTableView:self.tableView]` else I just call `[self.tableView reloadData]` – Axel Guilmin Oct 30 '14 at 13:23
Yes that's a thorough way of handling it. – Tim Windsor Brown Oct 30 '14 at 14:38
@AxelGuilmin you're so right, it crashes otherwise! – Bob de Graaf Feb 02 '16 at 13:38
Swift 3 - let range = NSMakeRange(0, self.tableView.numberOfSections) let sections = NSIndexSet(indexesIn: range) self.tableView.reloadSections(sections as IndexSet, with: .automatic) – Cristian Cardoso Dec 03 '16 at 04:34
3

@TimWindsorBrown how to reload table view with new data "Different data from the original array " – Mohammad Eliass Alhusain Jan 16 '17 at 09:11
Using performBatchUpdates with closure passing reload call looks best use case here. – Amber K Nov 12 '19 at 06:23

score 68 · Answer 2 · edited Mar 28 '20 at 02:10

68

Swift 5:

UIView.transition(with: tableView, duration: 1.0, options: .transitionCrossDissolve, animations: {self.tableView.reloadData()}, completion: nil)

Swift 3

UIView.transition(with: myTableView, duration: 1.0, options: .transitionCrossDissolve, animations: {self.myTableView.reloadData()}, completion: nil)

Swift 2

UIView.transitionWithView(myTableView, duration: 1.0, options: .TransitionCrossDissolve, animations: {self.myTableView.reloadData()}, completion: nil)

I went with this in Swift

edited Mar 28 '20 at 02:10

SwiftiSwift

4,046
5
27
57

answered Jul 14 '16 at 15:43

Tom Howard

3,876
1
35
43

3

this is the best solution because it allows to reload sections with different number of rows before and after the call – Enrico Cupellini Dec 15 '17 at 11:31

score 53 · Answer 3 · answered Jan 29 '13 at 06:43

53

use this method,

[_tableView reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationFade];

answered Jan 29 '13 at 06:43

macpandit

825
1
7
11

7

It works not correctly if you have more than one section or number of sections is changing during reload – Alexey F Oct 02 '13 at 15:25
2

@AlexeyF then you would insert them all into that NSIndexSet, and call the method above. If you can't do it, there's something wrong with your code design. – Patrick Bassut Feb 12 '15 at 18:01
Also it doesn't give the right effect if you want to keep the section header but not rows.. – Sumit Gera Apr 10 '16 at 18:12

score 22 · Answer 4 · answered Jan 29 '13 at 06:53

You first tell the tableView to expect updates with beginUpdates. Then update the relevant sections (if your tableView has only one section then just pass zero for the section number). Here's where you specify the animation - you can play around with it to get the effect that you want. After that you call endUpdates on the tableView. The typedef for UITableViewRowAnimation specifies:

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

Play around to see which one you want. Even selecting UITableViewRowAnimationNone can have a nice effect sometimes. Table update code below:

    [self.tableView beginUpdates];
    [self.tableView reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationNone];
    [self.tableView endUpdates];

Natanel · Answer 5 · 2019-04-07T20:46:17.253

22

In Swift 3 you can simply add the following extension to UITableView:

extension UITableView {
    func reloadData(with animation: UITableView.RowAnimation) {
        reloadSections(IndexSet(integersIn: 0..<numberOfSections), with: animation)
    }
}

edited Apr 07 '19 at 20:46

answered Jan 06 '17 at 19:44

Natanel

1,366
1
15
16

3

This was an awesome solution to my problem. Thanks bud! – Frizzo Jun 21 '17 at 12:25
1

Great solution. For those using swift 4, UITableViewRowAnimation has been renamed UITableView.RowAnimation. – Adam Ware Apr 05 '19 at 01:42

score 7 · Answer 6 · edited May 23 '17 at 12:02

7

you can use reloadSections:withRowAnimation: functions. Check UITableView Class Reference.

Check this reloadData with Animation which already answered your question.

edited May 23 '17 at 12:02

Community

1
1

answered Jan 29 '13 at 06:38

arthankamal

5,280
2
34
48

but where i have to put the code ? [tableDetails reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationFade] ? – Naveen Pathiyil Jan 29 '13 at 06:54
after selecting your dropdown, you might call one method, put this code there. – arthankamal Jan 29 '13 at 06:59
drop down in the sense it is uitableview only i call the didselect row at indexpath and then i will populate the array with new contents and then i call the [tableview relaoaddata]. – Naveen Pathiyil Jan 29 '13 at 07:01
then do this in your `didselectrow` – arthankamal Jan 29 '13 at 07:03

score 3 · Answer 7 · answered Dec 24 '13 at 14:11

Below method is supported by tableView for animation :

- (void)reloadSections:(NSIndexSet *)sections withRowAnimation:(UITableViewRowAnimation)animation NS_AVAILABLE_IOS(3_0);

Usage :

//Reload tableView with animation
[self.tableView reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationRight];

Different types of animation available are :

typedef NS_ENUM(NSInteger, UITableViewRowAnimation) {
UITableViewRowAnimationFade,
UITableViewRowAnimationRight,           // slide in from right (or out to right)
UITableViewRowAnimationLeft,
UITableViewRowAnimationTop,
UITableViewRowAnimationBottom,
UITableViewRowAnimationNone,            // available in iOS 3.0
UITableViewRowAnimationMiddle,          // available in iOS 3.2.  attempts to keep cell centered in the space it will/did occupy
UITableViewRowAnimationAutomatic = 100  // available in iOS 5.0.  chooses an appropriate animation style for you    };

Hope this might help!

Super Developer · Answer 8 · 2016-03-07T06:09:16.447

3

I have tried this and my Table is Animated with smooth animation

//Put this code where you want to reload your table view

dispatch_async(dispatch_get_main_queue(), ^{
    [UIView transitionWithView:<"TableName"> 
                      duration:0.1f 
                       options:UIViewAnimationOptionTransitionFlipFromRight 
                    animations:^(void) {
                        [<"TableName"> reloadData];
                    } completion:NULL];        
});

edited Mar 07 '16 at 06:09

answered Feb 24 '16 at 06:02

Super Developer

749
7
19

Terrific idea, solves numerous problems (e.g., need to avoid crash on last row being deleted when using other methods, etc.). A sneaky way to make a jump-reloadData into a smooth reloadData. Plus 500! – Jeff Dec 25 '18 at 04:09

score 2 · Answer 9 · answered Jan 22 '16 at 19:48

Try Animating while Transition Change of a view while reloading UITableView

[UIView transitionWithView:_yourTableView 
                  duration:0.40f 
                   options:UIViewAnimationOptionTransitionCrossDissolve 
                animations:^(void) {[_yourTableView reloadData];}  
                completion:nil];

score 0 · Answer 10 · answered Feb 20 '20 at 11:38

0

Swift 5:

let section = 0
tableView.reloadSections([section], with: .automatic)

answered Feb 20 '20 at 11:38

えるまる

1,901
3
17
36

UITableview reloaddata with animation

10 Answers10

Linked

Related