Updating the WalkEntryPage to use our ImageConverter class

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

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

  1. Locate and open the WalkEntryPage.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:valueConverters="clr-namespace:TrackMyWalks.ValueConverters" ...

Get Mastering Xamarin UI Development - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.