Fala galera,

Tudo beleza?

Como vocês sabem eu gosto muito de plugins e controles para Xamarin.Forms. Muitos além de resolver dificuldades em alguma implementações, sempre nós ensinam coisas legais de novas implementações.

Esses dias para fazer uma POC acabei encontrando um controle bem legal que é capaz de fazer aquele efeito de overflow na tela, aquele efeito que vemos na AppleStore, como demonstrado abaixo :

https://raw.githubusercontent.com/nor0x/OverFlower/main/imgs/appstore.gifEsse controle é o OverFlower e vamos ver como implementa-lo.

Bora?

Configurando o ControleVamos ao nosso querido Nuget e instalar em nosso projeto compartilhado o pacote OverFlower :

Muito simples e não precisa configurar mais nada.

Utilizando o ControlePara utilizar o controle basta adicionar o namespace xmlns:over=”clr-namespace:OverFlower;assembly=OverFlower” , em seguida vamos criar uma tela bem simples utilizando resources online :

https://medium.com/media/32da44b6b77272f65ec6c2193b112749/hrefPerfeito! O legal do controle é que ele nos permite configurar as propriedades :

• BackgroundColor= Cor do Fundo
• ImageSource= Qualquer source de Imagem
• ImageWidth= Largura da Imagem
• ImageHeight= Altura da Imagem
• ScrollDirection= Para Qual lado o scroll vai rolar (Esquerda,Direita, Para cima ou para baixo)
• ScrollDuration= Duração do Efeito de Scroll

Agora vamos rodar :

Simples e bacana, você pode utilizar em seu app para alguma imagem ou destaque importante :D

Se quiser pode baixar o exemplo clicando aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!