Anatomia de um App - Resumo XAMARIN FORMS PART 1

Os objetos que ocupam espaço na tela são conhecidos como elementos visuais. Esses elementos são divididos em 3 categorias:

• PAGE : ocupa toda área da página
• LAYOUT: sãoas filhas da page
• VIEW: são filhas de layout

Após criar uma solução XAMARIN-FORMS , será criado os seguintes projetos:

xxx.(Portable) : classe portatil PLC compartilhada com os outros projetos
xxx.DROID : projeto de aplicativo android
xxx.IOS : projeto de aplicativo IOS
xxx.UWP : projeto de aplicativo Windows Univelsal (windows 10, Windows mobile)
xxx.WINDOWS: projeto de aplicativo WINDOWS 8.1
xxx.PHONE : projeto de aplicativo windows phone 8.1

Em muitos de seus programas XAMARIN FORMS, você não estará modificando os projetos de aplicativos. Estes muitas vezes permanecem para iniciar o programa. A maior parte de seu foco será a biblioteca de classeportátil comum em todas as aplicações.

PLC  ou SAP

É possível criar uma solução XAMARIN FORMs com o código comum a qualquer BIBLIOTECA DE CLASSES PORTÁTIL (PLC) ou um PROJETO DE RECURSO COMPARTILHADO (SAP).

Para criar uma solução SAP, escolha a opção APP BLANK.
A abordagem (PLC) agrupa todo código comum em um projeto de biblioteca compartilhada pelo projeto da plataforma.

Com a abordagem (SAP), o código comum efetivamente existe em todos os projetos do aplicativo da plataforma é compartilhado entre eles.

Incluir preenchimento na página

Definindo PADDING:

Um Padding é uma propriedade do tipo THICKNESS e a estrutura contém 4 propriedades:

• Left 
• Top 
• Right 
• Bottom

o Padding define uma área dentro de uma página onde o conteúdo é excluído.

Alignment 

Pode-se utilizar o método estático DEVICE.ONPLATAFORM para definir uma propriedade especifica para cada umas das plataformas ou  selecionar valores especifico de cada plataforma.

Definindo margem

Margin  também é uma propriedade do tipo THICKNESS, e pode ser configurada para definir a parte externa de uma VIEW 

PADDING está disponível apenas em LAYOUT e PAGE

MARGIN está disponível em todos derivados de VIEW

Centralizando um LABEL

Uma LABEL  pode ser definida dentro de uma página definindo as propriedades  HorizontalOptions  e VerticalOptions que são valores do tipo LayoutOptions que definem duas propriedade:

Alignment: que é uma propriedade do tipo LayoutOptions e contém 4 membros :

1. Start => Significa esquerda ou superior, dependendo da orientação,
2. Center => Centralizado
3. End => Significa direita ou inferior, dependendo da orientação
4. Fill => Preenche toda área

Expands : propriedade do tipo bool.




Geralmente essa propriedade não é utilizada diretamente, em vez disso , é combinada com as propriedades Alignment dando um total de 8 propriedades.

• LayoutOptions.Start 
• LayoutOptions.Center 
• LayoutOptions.End 
• LayoutOptions.Fill 
• LayoutOptions.StartAndExpand 
• LayoutOptions.CenterAndExpand 
• LayoutOptions.EndAndExpand 
• LayoutOptions.FillAndExpand

Aqui está o resultado de um label com as propriedade HorizontalOptions e VerticalOptions ambas definidas para LayoutOptions.Center:

*contribuição:https://developer.xamarin.com/guides/xamarin-forms/creating-mobile-apps-xamarin-forms/summaries/chapter02/