VerticalViewPager: A vertical version of ViewPager

Extensions
1

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

image

image

3.Usages

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

Alternatively you can add view at specific index too
image

Remove view by index
Removes the view present at given index
image

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

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

Get Current View Index
Returns the current view's index
image

Get Total Views count
Returns number of views added
image

Remove View Pager
Removes given view pager from view system
image

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

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 :heart:

How it looks

5.Updates

ChangeLog Version 1.1

New Blocks
image

Changes

  • Added id system
  • Dynamic Components support
ChangeLog Version 1.2

New Blocks
image
image

Hope it helps! :slightly_smiling_face:

18 Likes
2

Another epic extension :slightly_smiling_face: will help everyone a lot

:heart: :smiling_face_with_three_hearts: :hugs:

1 Like
3

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 ?

3 Likes
4

Awesome.

1 Like
5

Nice

1 Like
6

Great extension.

1 Like
7

Remembered this post :sweat_smile:

Nice Extension Ser :+1:

4 Likes
8

Added to the first post :+1:

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:

2 Likes
9

ChangeLog Version 1.1

New Blocks
image

Changes

  • Added id system
  • Dynamic Components support
1 Like
10

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 ?

11

Yes, possible :+1:

12

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

3 Likes
13

:sweat_smile:
Sure Sir.

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

3 Likes
14

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

1 Like
15

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

1 Like
16

ChangeLog Version 1.2

New Blocks

image
image

2 Likes
17

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

18

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

1 Like
19

Thank you.

20

2021-10-16_085032

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

1 Like