IOS Tutorial : Table View Tutorial Using Swift iOS

This blog gives idea about how to deal with UITableView and its delegate and datasource methods in swift programming language in iOS. Swift is newly introduced programming language for iOS development.

Step 1 Create a new project

Open Xcode 6 and Create new project as Single view application, give appropriate name of project and save it in swift Programming language.

single view application

You can get more detail about creating XCode project from following link:

  • Basic of Creating Xcode Project in iOS
 Step 2 Design UI

Create following user Interface to story board.

user interface to story board

Step 3 Add a table view in your view controller

Now we have defined two view controllers in storyboard say main View Controller and DetailViewController. Now Select table view and set its delegate and data source to main View Controller which is describe in following figure.

main view controller

Step 4 Implement delegate methods

Implement following delegate methods of UITableview in your ViewController.swift file.

  • funcnumberOfSectionsInTableView(tableView: UITableView) ->Int
  • {
  • return 1
  • }
  • functableView(tableView: UITableView, numberOfRowsInSection section: Int) ->Int
  • {
  • //make sure you use the relevant array sizes
  • returncar.count
  • }
  • functableView(tableView: UITableView, cellForRowAtIndexPathindexPath: NSIndexPath) ->UITableViewCell
  • {
  • var cell : SampleTableViewCell! = tableView.dequeueReusableCellWithIdentifier("Cell") as SampleTableViewCell
  • if(cell == nil)
  • {
  • cell = NSBundle.mainBundle().loadNibNamed("Cell", owner: self, options: nil)[0] as SampleTableViewCell;
  • }
  • ifUIScreen.mainScreen().bounds.size.height>768
  • {
  • cell.ivWidthConstraint.constant = 100
  • }
  • letstringTitle = carName[indexPath.row] as String //NOT NSString
  • letstrCarName = car[indexPath.row] as String
  • cell.lblTitle.text=stringTitle
  • cell.IvPhoto.image=UIImage(named: strCarName)
  • return cell as SampleTableViewCell
  • }

Step 5 Create segue

Create segue as per following figure and named it as DetailSegue.

detail

Step 6 prepareForSegue Method

Now when we select row of UITableView, we move to new page say our next DetailViewController for that we have to push segue and pass data using following method.

  • override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?)
  • {
  • if segue.identifier == "DetailSegue"
  • {
  • let detailViewController = ((segue.destinationViewController) as! DetailViewController)
  • let indexPath = self.tvCars!.indexPathForSelectedRow!
  • let strImageName = car[indexPath.row]
  • detailViewController.strImageName = strImageName
  • detailViewController.title = strImageName
  • }
  • }

Step 7 Set View Header name

Now write down following line of code to viewDidLoad() method of DetailViewController which set appropriate image to imageview as per selection on image.

  • overridefuncviewDidLoad()
  • {
  • super.viewDidLoad()
  • letstrImageName="\(index).jpg"
  • self.ivDisplayImage.image=UIImage(named : "\(index).jpg")
  • // Do any additional setup after loading the view.
  • }

Output:

screen shot

I hope you found this blog helpful while working on iOS Table View Tutorial using swift. Let me know if you have any questions or concerns regarding Swift App Development or iOS App Development, please put a comment here and we will get back to you ASAP.

Leave a Reply