VerticalViewPager: A vertical version of ViewPager

vknow360 · June 10, 2021, 2:28pm

1.Introduction

Description: Using this extension you can create a vertical version of View Pager
Latest Version: 1.2
Last Updated: 2021-10-01T18:30:00Z
Released: 2021-06-09T18:30:00Z

2.Blocks

3.Usages

Initialize and Add views
Adds view pager to the container and adds given views into view pager

Alternatively you can add view at specific index too

Remove view by index
Removes the view present at given index

Remove view by view itself
Removes the view from pager but does not destroy that

Scroll To
Scrolls to given index
smoothScroll specifies whether animation should happen or not

Get Current View Index
Returns the current view's index

Get Total Views count
Returns number of views added

Remove View Pager
Removes given view pager from view system

Use a different transfor
Setting this property to true/false will be applied on pagers created afterwards

4.Download

Aix can be downloaded from Github repo:

Download AIA: VerticalViewPager.aia (17.7 KB)

If you liked the extension and want to donate

How it looks

5.Updates

ChangeLog Version 1.1

New Blocks

Changes

Added id system
Dynamic Components support

ChangeLog Version 1.2

New Blocks

Hope it helps!

Know_About_IT · June 10, 2021, 2:38pm

Another epic extension will help everyone a lot

TIMAI2 · June 10, 2021, 4:45pm

It would be useful to see some blocks at work in an aia project, and also a video of how this works.

What is a ViewPager?
Given this is for a vertical viewpager, is there already a horizontal one ?

Kumaraswamy · June 10, 2021, 5:02pm

Awesome.

Techno_Vedang · June 10, 2021, 5:44pm

Nice

deanart2012 · June 10, 2021, 6:32pm

Great extension.

oseamiya · June 11, 2021, 1:15am

Remembered this post

Nice Extension Ser

vknow360 · June 11, 2021, 2:02am

Added to the first post

ViewPager is like a Scroll View (either horizontal or vertical) which hosts only one child view at a time.

This one can be termed as a Horizontal View Pager:

vknow360 · June 12, 2021, 3:28am

ChangeLog Version 1.1

New Blocks

Changes

Added id system
Dynamic Components support

TIMAI2 · June 23, 2021, 10:37pm

Can a HorizontalViewPager extension be made to behave the same way as the Vertical one, i.e. reacts to user swipe right/left, as opposed to it being automated ? It is more natural to swipe left/right, and AppInventor already has a vertical "scroll" of sorts....

Or perhaps both in one extension ?

vknow360 · June 24, 2021, 12:36am

Yes, possible

TIMAI2 · July 10, 2021, 3:35pm

I was hoping my enquiry might encourage you to make a horizontal one

vknow360 · July 10, 2021, 3:46pm

Sure Sir.

Edit: Here it is Sir @TIMAI2 :
com.sunny.viewpager.aix (11.3 KB)

TIMAI2 · July 11, 2021, 11:05am

most excellent work
(a few of the tool tip/descriptions might need editing)

vknow360 · July 11, 2021, 11:23am

Actually it (extension) is different from current thread so I may publish it someday else.

vknow360 · October 4, 2021, 1:21pm

ChangeLog Version 1.2

New Blocks

Essamy · October 15, 2021, 5:58pm

When I tried using both HorizontalViewPager and VerticalViewPager in the same project I got attached error..
Can I use both with each other?

TIMAI2 · October 15, 2021, 6:38pm

Not currently, they are essentially the same extension with a few tweaks. The horizontal view pager has not been officially released as a separate extension by @vknow360

Essamy · October 15, 2021, 9:41pm

Thank you.

Kevinkun · October 16, 2021, 12:52am

Looks like this "index" is 0-based, better to change to 1-based, as same to other app inventor component.