but xml styling files are used to style the elements in the applications made with Staffed Xamarin . The xml file is located in the res / values ​​/ directory of the project. It is meant to style, change the appearance and beautify the application. In this tutorial, we will learn how to style the various elements in applications.

Learn how to style applications in Xamarin using Visual Studio

In this tutorial you will learn that:

- How to style a multi-platform application using XAML styles templates and change its appearance?

- How to store data locally in Xamarin SQLite.NET database? Open Visual Studio. Then open the Notes solution section. Click on App.xaml.cs in the Solution Explorer section of the Notes project and replace the following code with all the codes in this section

<! -? xml version = "1.0" encoding = "utf-8"? ->

<application xmlns = "http://xamarin.com/schemas/2014/forms" xmlns: x = "http://schemas.microsoft.com/winfx/2009/xaml" x: class = "Notes.App">

<application.resources>



<thickness x: key = "PageMargin"> 20 </thickness>



<! - Colors ->

<color x: key = "AppBackgroundColor"> AliceBlue </color>

<color x: key = "NavigationBarColor"> # 1976D2 </color>

<color x: key = "NavigationBarTextColor"> White </color>



<! - Implicit styles ->

<style targettype = "{x: Type NavigationPage}">

<Setter Property = "BarBackgroundColor"

Value = "{StaticResource NavigationBarColor}" />

<Setter Property = "BarTextColor"

Value = "{StaticResource NavigationBarTextColor}" />

</style>



<style targettype = "{x: Type ContentPage}" applytoderivedtypes = "True">

<Setter Property = "BackgroundColor"

Value = "{StaticResource AppBackgroundColor}" />

</style>



</application.resources>

</application>

By entering this code, it assigns the value of Thickness and some values of Color to the elements in the application.

Click on NotesPage.xaml in the Solution Explorer section of the Notes project and replace the code below with all the code in that section.
<! -? xml version = "1.0" encoding = "UTF-8"? ->

<contentpage xmlns = "http://xamarin.com/schemas/2014/forms" xmlns: x = "http://schemas.microsoft.com/winfx/2009/xaml" x: class = "Notes.NotesPage" title = "Notes">

<contentpage.resources>

<! - Implicit styles ->

<style targettype = "{x: Type ListView}">

<Setter Property = "BackgroundColor"

Value = "{StaticResource AppBackgroundColor}" />

</style>

</contentpage.resources>



<contentpage.toolbaritems>

<toolbaritem text = "+" clicked = "OnNoteAddedClicked">

</toolbaritem> </contentpage.toolbaritems>



<listview x: name = "listView" margin = "atic StaticResource PageMargin}" itemselected = "OnListViewItemSelected">

<listview.itemtemplate>

<datatemplate>

<textcell text = "{Binding Text}" textcolor = "Black" detail = "{Binding Date}">

</textcell> </datatemplate>

</listview.itemtemplate>

</listview>



</contentpage>

By entering this code, it assigns the value of Thickness and some values of Color to the elements in the application .- Click on NotesPage.xaml in the Solution Explorer section of the Notes project and replace the code below with all the code in that section. 

Read more on:https://www.dotnek.com/Blog/Apps/how-to-style-applications-in-xamarin

link:https://dotnek.mystrikingly.com/

Related link:DotNek Website Analysis