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

Updating the WalkDistancePage user interface using XAML

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

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

Locate and open the WalkDistancePage.xaml file which is located in the Views folder, ensuring that it is displayed within the code editor, and enter the following highlighted code sections:

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

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