Mastering Xamarin UI Development - Second Edition

Updating the WalksMainPage to use our ImageConverter class

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

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

1. Locate and open the WalksMainPage.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"  xmlns:customEffect="clr-namespace:TrackMyWalks.CustomEffects" ...