O'Reilly logo

Mastering Xamarin UI Development - Second Edition by Steven F. Daniel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the WalkDistancePage interface using XAML

In this section, we will begin by defining the user interface for our WalkDistancePage using XAML. This page will be used to display a full-screen map with a pin placeholder that, when tapped, will display information relating to the chosen trail from the ListView that's contained within our WalksMainPage.

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

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required