Updating our WalksMainPage to use the Device Style

In this section, we will take a look at how to update the user interface for our WalksMainPage to

apply Device Styles to our XAML elements using the Device.Styles class so that our control elements will take on each of the platform-specific styles of the platforms that our app is running on.

Let's start by updating the user interface for our WalksMainPage by perf

orming 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" ...

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.

Start your free trial