Creating the WalksMainPage interface using XAML

In this section, we will begin by defining the user interface for our WalksMainPage using XAML. This page will be used to display a list of trail walks information, as well as information relating to the distance and difficulty of each trail. There are a number of ways you can go about presenting this information, but for the purposes of our app, we will be using a ListView to present this information.

 

Let's start by creating the user interface for our WalksMainPage by performing the following steps:

1. First, create a new folder within the TrackMyWalks project called Views, as you did in the previous section for Models.
2. Next, right-click on the Views folder, and choose Add | New File... from the pop-up menu.
3. Then, choose the Forms ContentPage XAML option under the Forms section and enter WalksMainPage for the name of the XAML file to be created, as shown in the following screenshot:

Creating the WalksMainPage Forms ContentPage XAML

4. Then, click on...