O X do Xamarin Forms — CardsView 2 : ScaleFactor & OpacityFactor , TabsControl

Image for post
Image for post

Fala galera,

Tudo beleza?

Em Junho do Ano passado ( o tempo voa em ? ) eu fiz um artigo muito legal chamado CarouselView.FormsPlugin Vs CardsView. Alem da comparação , como o proprio nome diz, eu falei do incrivel CardsView do meu amigo Andrei Misiukevich (Andrei Misiukevich).

Pois bem, de la pra ca ele implementou mais 2 funcionalidades incriveis o "ScaleFactor & OpacityFactor" e "TabsControl" e hoje vamos ver como utilizar esses 2.

Bora?

Caso ja saiba como configurar devido ao artigo anterior, pode pular essa parte. Caso não é muito simples :

Configurando o Pacote

Image for post
Image for post
Image for post
Image for post

Its Time to Nuget !!!! Vamos instalar o pacote CardsView em todos os nossos projetos :

Image for post
Image for post

Em seguida , tanto no Android como no iOS , precisamos inicializar o pacote com CardsViewRenderer.Preserve() após o Init do Xamarin.Forms :

Utilizando os Novos Controles

Como sempre para utilizar o controle vamos utilizar o namespace xmlns:cards=”clr-namespace:PanCardView;assembly=PanCardView”

ScaleFactor & OpacityFactor :

Vamos usar a CoverFlowView que vimos no artigo anterior só que implementar agora o BaseCoverFlowFrontViewProcessor e BaseCoverFlowBackViewProcessor para configurar a trasparencia/opacidade nos cards que ainda estão ou ja foram exibidos.

Para isso devemos utilizar o novo namespace xmlns:proc=”clr-namespace:PanCardView.Processors;assembly=PanCardView”
BackgroundColor=”Black”:

Rodando :

Image for post
Image for post

Um efeito bem legal né?

CubeView com TabsView :

Com a implementação do TabsControl eu consigo selecionar as tabs de acordo com o conteudo do CubeView. Alem de ,claro, o Conteudo do CubeView com a Seleção das Tabs :

Image for post
Image for post

Bem legal né?

Eu Atualizei o código do artigo anterior com os novos controles e caso queira baixar : Clique aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store