Mastering Xamarin UI Development - Second Edition

Updating the WalkTrailInfoPage to use our ImageConverter class

In this section, we will take a look at how to update the user interface for our WalkTrailInfoPage to apply ValueConverters and utilize ImageConverter in your XAML, so that we can display an image for the data binding property for our Difficulty level.

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

1. Locate and open the WalkTrailInfoPage.xaml file, which is located in the Views folder, ensure that it is displayed in 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" ...