Skip to main content

UITableView.refersh: a method to refresh a tableView in iOS (Swift)


When I was working on building some native iOS UI, UITableView was one of the things that I was working with and at some point during my work, I wanted to refresh the table and I was expecting a built-in method like UITableView.refresh. Naturally, one of the first things that I tried was to type in the variable name in Xcode, key in "." and type "r" expecting the Autocomplete to show the refresh method. However to my surprise there was no refresh method? and I thought what? A basic feature like this should surely be there. Turns out that there is a way to refresh the table, it's just not immediately obvious to someone who's new to iOS. So in this post, I will talk about my solution to refresh table.

Problem


Refresh UITableView: the tableView in question only has only one section and it should be refreshed with an animation by clicking a button or otherwise.  Provide a general, reusable method to refresh UITableView.

Solution


The solution uses one of the UITableView methods combined with the awesome new concept of extensions.

Test Canvas


For the purpose of this post, I have created an Xcode project which shows a table with 3 rows and Refresh button on top of the table,  pushing which will trigger a table refresh. It is a simple project and you can download the source code from Github.

Add the refresh extension

A detailed explanation of extensions in Swift is beyond the scope of this post so if you would like to know more, then have a a read of this. Here we use the extension to add the refresh method to UITableView so all instances of UITableView in our app have a refresh method. Here's the code for our extension,

p.s. we cannot simply use the reloadData method since we want the refresh table accompanied by an animation
extension UITableView {
    func refreshTable(){
        let indexPathForSection = NSIndexSet(index: 0)
        self.reloadSections(indexPathForSection, withRowAnimation: UITableViewRowAnimation.Middle)
    }
}
We are simply using the reloadSections of method of UITableView with one of the UITableViewRowAnimation. Since we only have one section in our table, we are just reloading the section at index 0 i.e. 1. You can download the source code for the entire project on here.

You can have a look at all the code in the ViewController for that project. You notice that the project is
  1. Single View Application
  2. with a UITableView 
  3. populated with some simple data i.e var data = ["One", "two", "three"]
  4. a button labeled, Refresh
  5. and contains the following code for  the button's TouchUpInside event
@IBAction func reloadTable(sender: AnyObject) {
    data = ["four","five","six"]
    origData = data
    tableView.refreshTable()
}
I have kept this post simple just to set the foundation for the next post where I will be using this logic to show how we can achieve simple pagination for UITableView. 

Finally, I am working on my app full-time right now so if you find my blog posts useful and want to support me you can 
  • Either buy the complete version of My Day To-Do
  • Or just give the Lite(free) version a try and leave an App Store review for us
Any feedback on my apps or the way I write my posts, would be great as well.




Comments

Popular posts from this blog

Upload to AWS S3 from Java API

In this post, you will see code samples for how to upload a file to AWS S3 bucket from a Java Spring Boot app. The code you will see here is from one of my open-source repositories on Github, called document-sharing. Problem Let’s say you are building a document sharing app where you allow your users to upload the file to a public cloud solution. Now, let’s say you are building the API for your app with Spring Boot and you are using AWS S3 as your public cloud solution. How would you do that? This blog post contains the code that can help you achieve that. Read more below,  Upload to AWS S3 bucket from Java Spring Boot app - My Day To-Do (mydaytodo.com)

Addressing app review rejections for auto-renewing subscription in-app purchase (iOS)

The ability to know what the weather is like while planning your day is a feature of  My Day To-Do  Pro and as of the last update it’s also a part of the  Lite version . Unlike the Pro version it’s an auto-renewing subscription based  in-app purchase (IAP)  in the Lite version. What means is that when a user purchases it, the user only pays for the subscription duration after which the user will be automatically charged for the next period. Adding an  auto-renewing  subscription based IAP proved to be somewhat challenging in terms of the app store review i.e. the app update was rejected by the App Review team thrice because of missing information about the IAP. Therefore in this post I will share my experiences and knowledge of adding auto-renewing IAP in hopes to save someone else the time that I had to spend on this problem. In-App purchase This year I started adding IAPs to My Day To-Do Lite which lead to learning about different types of IAP...

Serving HTML content in an iOS app that works in iOS 7 and later (using Swift)

As I have mentioned in an earlier post , I really enjoying coding in Swift. Now what am I doing with it? Well I am trying to build an HTML5 app that must work on devices with iOS 7. So in iOS8 apple has introduced a whole bunch of features that facilitate easy communication between web content and lets just call it back-end Swift code, but those features are not in iOS 7. So why do I want to build something that would work in an older OS? well I do not expect existing iOS users to upgrade to iOS 8 straight away and i also know a couple of people who would be very reluctant to upgrade their iPhones to iOS 8. Now in case you do not, you can have a read of the "Working with WebViews" section of this post , to know how to serve HTML content with WebViews. So when I started building my app, I wanted to know: How do I invoke some Swift code from my HTML content? Well the solution to this may feel a little bit "hacky" but it is a solution to achieve this.  The followi...