Mastering Xamarin UI Development - Second Edition

Updating our WalksMainPage to use Custom Animations

In this section, we will take a look at how to update the user interface for our WalksMainPage to include naming to our control elements in our XAML, so that we can access these controls in our code-behind and apply Custom Animations and other animations using C# code.

Let's start 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" ...