Creating the SlidingTiles user interface using Storyboards

In this section, we will begin by constructing the user interface for our SlidingTiles application using Storyboards and the Visual Designer for iOS that is included as part of the Visual Studio for Mac IDE.

You will notice that our Main.storyboard already contains a View Controller, which we will be adding UI control elements to, such as a Label, a View, and two Buttons that will be used to reset the current game in progress, as well as randomly shuffling each of the tiles on our game board.

 

 

Let's start by opening the Storyboard for our SlidingTiles application and performing the following steps:

1. Firstly, locate the Main.storyboard that is contained in the SlidingTiles solution.
2. Next, double-click on the Main.storyboard file to display our Storyboard Canvas, as shown in the following screenshot:

Creating the SlidingTiles User Interface within the Storyboard

As you can see from the screenshot, our ViewController is pretty much bare and...