Suporte

XAML

{#suporte-xaml}

Xamarin.Forms também suporta XAML (pronuncia-se "zammel" para rimar com "camelo"), a baseada em XML Extensible Application Markup Language desenvolvido na Microsoft como uma linguagem de marcação de uso geral para instanciar e inicializar objetos. XAML não se limita a definição de layouts iniciais de interfaces de usuário, mas historicamente, é assim que tem sido o mais utilizado, e é isso que ele é usado no Xamarin.Forms.Here’s the XAML file for the program whose screenshots you’ve just seen:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="PlatformVisuals.PlatformVisualsPage"

Title="Visuals">

<StackLayout Padding="10,0">

<Label Text="Hello, Xamarin.Forms!" VerticalOptions="CenterAndExpand" HorizontalOptions="Center" />

<Button Text = "Click Me!"

VerticalOptions="CenterAndExpand" HorizontalOptions="Center" />

<Switch VerticalOptions="CenterAndExpand" HorizontalOptions="Center" />

<Slider VerticalOptions="CenterAndExpand" />

</StackLayout>

<ContentPage.ToolbarItems>

<ToolbarItem Text="edit" Order="Primary">

<ToolbarItem.Icon>

<OnPlatform x:TypeArguments="FileImageSource" iOS="edit.png" Android="ic_action_edit.png" WinPhone="Images/edit.png" />

</ToolbarItem.Icon>

</ToolbarItem>

<ToolbarItem Text="search" Order="Primary">

<ToolbarItem.Icon>

<OnPlatform x:TypeArguments="FileImageSource" iOS="search.png" Android="ic_action_search.png" WinPhone="Images/feature.search.png" />

</ToolbarItem.Icon>

</ToolbarItem>

<ToolbarItem Text="refresh" Order="Primary">

<ToolbarItem.Icon>

<OnPlatform x:TypeArguments="FileImageSource" iOS="reload.png" Android="ic_action_refresh.png" WinPhone="Images/refresh.png" />

</ToolbarItem.Icon>

</ToolbarItem>

<ToolbarItem Text="explore" Order="Secondary" />

<ToolbarItem Text="discover" Order="Secondary" />

<ToolbarItem Text="evolve" Order="Secondary" />

</ContentPage.ToolbarItems>

</ContentPage>

A menos que você tem experiência com XAML, alguns detalhes de sintaxe pode ser um pouco obscura. (Não se preocupe, você vai aprender tudo sobre eles mais tarde neste livro.) Mas, mesmo assim, você pode ver as etiquetas etiqueta, botão, switch e Slider. Em um programa real, o botão, o interruptor e Slider provavelmente teria evento manipuladores anexados que deveriam ser implementadas em um arquivo de código C #. Aqui eles não. Os VerticalOptions e HorizontalOptions atributos ajudar no layout; eles são discutidos no próximo capítulo.