Swipe Table Cell To Perform RowAction In TableView In Xamarin.iOS

Introduction

In this article, we will learn how to create an iOS application using Xamarin. We will learn how to add and work with a table view and its row swipe action. We will have a table of contents and we will swipe the row to the left to perform an action.

Prerequisite

1. Basic knowledge of C# and programming.
2. Knowledge of Xamarin.

This article will cover the following.

1. Xamarin iOS application.
2. Table View in the application.
3. TableViewDelegate for performing TableViewAction.

Implementation

Open Visual Studio Community Edition.

Select the single view app and click "Next".

Give the app a name and click "Next".

Give project and solution names and create the application.

Open Main.storyboard and add the Table View to your controller.

Open toolbox pad and search for tableview and drag the View to your controller.

Resize it and set the name property to “CarsTable”.

Add two class files to your solution.

1. CarSource.cs
   
   1. using System;
   2. using System.Collections.Generic;
   3. using Foundation;
   4. using UIKit;
   6. namespace SwipeTable {
   7. public class CarSource : UITableViewSource {
   8. List<String> cars;
   9. public CarSource(List<String> source) {
   10. this.cars = source;
   11. }
   13. public override UITableViewCell GetCell(UITableView tableView, NSIndexPath indexPath) {
   14. var cell = new UITableViewCell(UITableViewCellStyle.Default, "");
   15. cell.TextLabel.Text = cars[indexPath.Row];
   16. return cell;
   17. }
   19. public override nint RowsInSection(UITableView tableview, nint section) {
   20. return cars.Count;
   21. }
   22. }
   23. }

2. CarDelegate.cs
   
   1. using System;
   2. using UIKit;
   4. namespace SwipeTable {
   5. public class CarsDelegate : UITableViewDelegate {
   6. public override UITableViewRowAction[] EditActionsForRow(UITableView tableView, Foundation.NSIndexPath indexer) {
   7. var action = UITableViewRowAction.Create(
   8. UITableViewRowActionStyle.Default, "Like", (arg1, arg2) => {
   9. var cell = tableView.CellAt(arg2);
   10. cell.TextLabel.Text += " ( Liked )";
   11. }
   12. );
   13. return new UITableViewRowAction[] { action };
   14. }
   15. }
   16. }