Xamarin Forms - Apresentando alguns recursos do Xamarin Forms 3.0

 Neste artigo vou apresentar alguns dos novos recursos introduzidos na versão 3.0 do Xamarin Forms.

A versão 3.0 trouxe alguns novos recursos como FlexLayout, StyleSheets, Visual State Manager,Right-To-Left-Localization, etc. Para saber mais detalhes das novidades visite o link : release notes

O Xamarin.Forms 3.0 esta disponível via Nuget neste link:  NuGet (Lembrando que já estamos na versão 3.2 em pré-release)

Esta versão trouxe as seguintes novidades

1- FlexLayout

Um novo layout para Xamarin.Forms que é otimizado para interface do usuário que prioriza a distribuição e a capacidade de se adaptar a vários tamanhos e dimensões de tela.  O FlexLayout promove uma hierarquia de UI mais plana, uma prática recomendada para criar interfaces
de alto desempenho.

2- VisualState Manager

O Xamarin.Forms agora suporta o uso do VisualStateManager para lidar com os diferentes estados dos seus controles. Estes podem ser declarados tanto no código XAML como no codigo C#.

3- StyleSheets

O Xamarin.Forms agora suporta expressar seus estilos usando estilos CSS. Essas são exatamente as mesmas APIs de estilo usadas hoje em XAML e C#, por isso é um complemento de produtividade para esses métodos e não uma substituição. O CSS pode ser carregado em uma StyleSheet a partir de um arquivo CSS separado ou definido nos Resources(Recursos) da sua página.

4- Melhorias no ResourceDictionary

O ResourceDictionary recebeu melhorias adicionais. Alguns exemplos, agora você pode carregar dicionários de recursos de arquivos XAML sem uma classe parcial, e você pode usar uma sintaxe menos detalhada para representar dicionários mesclados, omitindo as tags <ResourceDictionary> </ ResourceDictionary>.

5- FlowDirection - Suporte da direita para a esquerda

Foi introduzido uma nova propriedade FlowDirection em layouts e controles de texto. Isso funciona em harmonia com o suporte existente da direita para a esquerda nos aplicativos Xamarin.Android e Xamarin.iOS subjacentes.

6 - Backend do WPF para Xamarin.Forms

Este recurso permite que você traga a interface do usuário Xamarin.Forms para aplicativos existentes do WPF por meio de formulários nativos, além de criar seus aplicativos Xamarin.Forms para versões mais antigas do Windows.

7- Diversas melhorias

- Propriedade MaxLength
- Propriedade ProgressColor
- Keyboard (Android) ImeOptions
- Picker FontFamily

Neste artigo vou iniciar pelo item 7 e mostrando alguns dos novos recursos introduzidos na versão 3.0 do Xamarin Forms.

Recursos Usados :

1 - Propriedade MaxLength

Agora ficou fácil limitar o tamanho do texto inserido na view Entry; basta usar a propriedade MaxLength e definir o tamanho do texto que deseja limitar. Você deve definir um valor inteiro positivo.

Um valor definido como 0 (zero) indica que nenhuma entrada será permitida e um valor definido como int.MaxValue (que é o valor padrão) indica que não existe limite para o número de caracteres que podem ser inseridos.

2 - Propriedade ProgressColor

Quando você utilizava a view ProgressBar para exibir o progresso de uma operação não podia alterar a cor da barra. Só existia a cor padrão e para alterar essa cor, geralmente se usava um renderizador ou efeito personalizado usando as APIs nativas.

Agora basta usar a proprieade ProgressColor para alterar a cor da barra de progresso.

3 - Picker FontFamily

Agora você pode alterar a fonte usada na view Picker que usamos para selecionar um elemento de uma lista de opçoes.

Para isso basta usar propriedade FontFamily onde você define o nome da fonte.


 

4 - Keyboard (Android) ImeOptions

Esse recurso esta relacionado em como personalizar a tecla de retorno no teclado do Android quando uma entrada tiver foco.

O Teclado padrão definido no código XAML como : <Entry Keyboard="Text" />  pode ser visto abaixo:

Podemos agora definir as opções de entrada do IME (Input Method Editor) explorando os detalhes da plataforma através da propriedade ImeOption.

Para poder usar esse recurso basta incluir a seguinte referência no arquivo XAML :

xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"

E a seguir definir o valor da propriedade ImeOption :

Os valores disponíveis são:

No exemplo a seguir definimos a opção "Search" para ImeOption :

O Resultado pode ser visto a seguir:

5 - ListView(iOS) Separador de lista

No iOS as listas (ListView) por padrão possuem uma margem no lado esquerdo e se tivermos um design que nos obriga a remover essa margem, provavelmente, a maneira mais fácil será esconder o separador de linha e adicionar uma nova linha usando um BoxView.

Com a versão mais recente e graças aos detalhes da plataforma, agora resolver esse problema ficou mais fácil.

Basta adicionar a referência do iOS abaixo no código XAML:

xmlns: ios = “clr-namespace: Xamarin.Forms.PlatformConfiguration.iOSSpecific; assembly = Xamarin.Forms.Core“

A seguir, adicione a seginte propriedade ao ListView iOS: ListView.SeparatorStyle = “FullWidth“

Essas são algumas das novidades do Xamarin Forms 3.0. Em outro artigo vou continuar apresentando mais novidades.

Aguarde...

Pegue o código do projeto compartilhado aqui: AppTeste.zip

'Porque há um só Deus, e um só Mediador entre Deus e os homens, Jesus Cristo homem.'
 1 Timóteo 2:5

Veja os Destaques e novidades do SUPER DVD Visual Basic (sempre atualizado) : clique e confira !

Quer migrar para o VB .NET ?

Quer aprender C# ??

Quer aprender os conceitos da Programação Orientada a objetos ?

Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

  Gostou ?   Compartilhe no Facebook   Compartilhe no Twitter

Referências:

José Carlos Macoratti