[FREE] Parallax View Pager - An Extension for creating view pager with parallax effect

Parallax View Pager

Hi everyone, hope you are all good and be happy after new update of kodular. This extension allow you to create a view pager with parallax effect. There are two types of modes available in the properties. You can use any of them. You can head to the preview section of the topic for watching preview of the view pager.

Now Let see some blocks and their doecumentation.

All Blocks

Properties

image

Modes

image

Interpolators

image

There are two types of interpolator that apply some effect while transforming the pages.

Documentation

component_event (4)

This event raises when the pages changes.

component_method (2)

Add the view component in view pager

component_method (3)

Remove the page at given position from view pager.

component_method (4)

Select the page at given position.

component_method (5)

This block creates the view pager to the given layout or arrangement in in parameter.

component_method (6)

Remove all the pages from the view pager.

component_set_get (1)

Returns the current selected page index.

image

Propert for setting and getting the interpolator factor. In easy words scale factor are some amount that customize the animation.

image

Propert for setting and getting the mode or parallax effect type.

image

Propert for setting and getting the interpolator of the view pager.

I hope you understood the documentation now let see how we can implement this in our apps.

Usage

image

Changing some properties so blocks can be reduced.

Here I have used dynamic components extension for making and adding pages dynamically.
It is very simple ot add in our app.

Preview

Let see output now

Right Overlay

Left Overlay

Downloads

ParallaxPager.apk (5.3 MB)

ParallaxPager.aia (309.7 KB)

Download Extension :

Credit

Thanks to @Shreyash for his super Rush .
Thanks @yusufcihan for Dynamic Component Extension.
Thanks @DevYB for his Image Loader Extension

Suggestion and issue are welcome

If you like the extension then like the topic
Thank You All

Donate

If you like my work then donate if you can :slightly_smiling_face:

23 Likes

Great extension.

1 Like

nice work @iamwsumit

1 Like

nice work @iamwsumit

1 Like

Good work @iamwsumit
And thanks lot of time

@iamwsumit Please add a block to set colour of the dots. :pray:t2:

Dots are not created with this extension. You have to create them manually. I have created these dots with this extension. And with the hlp of decoration component I overlapped them on the view pager.
Sorry I have not shown full blocks that contains dots indicator part thats why I think you got confused.

blocks - 2021-07-16T090413.983

Here is the aia file of this project

ParallaxPager.aia (309.7 KB)

Thank you so much Sumit. You and your extensions are great.

I Have A Doubt ? Are You Human Or Machine ??

Extension Making Machine = @iamwsumit

One Man Army :grin: :grin: :+1: :+1: :+1: :love_you_gesture: :love_you_gesture:

Yes he is, every other day he’s here with a new extension.

Dear Sumit, I need your help!
Can you please create a aia in which the banner images automatically slide on top (as shown in the below video)


Please share your valuable reply to me (its urgent for me)
Thanks :heart:

Use a clock and change the page whenever the time offs.

image

Hope you got it.

2 Likes