iMasters.com - Knowledge for Developers.
Follow Us
Home Backend The X of Xamarin.Forms—Overflow, OverFlower
Backend

The X of Xamarin.Forms—Overflow, OverFlower

Hey guys, what’s shaking?

As you know, I like plugins and controls for Xamarin.Forms. Besides solving difficulties in some implementations, we always teach cool things about new implementations. These days to make a POC, I ended up finding a cool control that is capable of creating that overflow effect on the screen, that effect that we see in the AppleStore, as shown below:

https://raw.githubusercontent.com/nor0x/OverFlower/main/imgs/appstore.gif

This control is OverFlower, and let’s see how to implement it.

Let’s go?

Configuring the Control

Let’s go to our dear Nuget and install the OverFlower package in our shared project:

Very simple, and you don’t need to configure anything else.

Using the Control

To use the control, add the namespace xmlns:over=”clr-namespace:OverFlower;assembly=OverFlower”, then, create a simple screen using online resources:

Perfect! The cool thing about the control is that it allows us to configure properties:

-> BackgroundColor= Background Color

-> ImageSource= Any Image source

-> ImageWidth= Largura da Imagem

-> ImageHeight= Image Height

-> ScrollDirection= Which way the scroll will scroll (Left, Right, Up, or Down)

-> ScrollDuration= Scroll Effect Duration

Now let’s run:

Simple and cool, you can use it in your app for an important image or highlight ?

If you want, you can download the example by clicking here.

Hope this helps!

All the best!

Written by
Thiago Bertuzzi

.Net developer for 12 years and participating in Desktop, Services, Web, and Mobile projects using Xamarin. Microsoft MVP in Developer Technologies and Technical Lead at NESS. Contributes to the Xamarin community by writing articles, sharing code, and creating Nuget packages.

Leave a comment

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Related Articles

Backend

How to Create a Skill for Amazon’s Virtual Assistant Alexa

If you didn’t know, it is not necessary for an Amazon Echo...

Backend

The APIs role in a 5G world

5G is about to revolutionize how we connect and use technology daily....

Backend

EF Core using AsNoTracking with Identity Resolution

Today we will see the consequences of using AsNoTracking with the Identity...

Backend

Understand key features added in ASP.NET Core 7.0

Version 7.0 of the .NET platform brought many new features in this...