Creating the WalkTrailInfoPage interface using XAML

In this section, we will begin by defining the user interface for our WalkTrailInfoPage using XAML. This page will be used to display information relating to the chosen trail from the ListView contained within our WalksMainPage.

 

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

1. First, create a new Forms ContentPage XAML called WalkTrailInfoPage, like you did in the section entitled Creating the WalksMainPage interface using XAML, located within this chapter.
2. Next, ensure that the WalkTrailInfoPage.xaml file is displayed within the code editor and enter the following code snippet:

    <?xml version="1.0" encoding="UTF-8"?>
    <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"                 
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
               x:Class="TrackMyWalks.Views.WalkTrailInfoPage">
         <ContentPage.Content>
     ...