B4A Library [B4X] [XUI] AS ViewPager based on xCustomListView

Alexander Stolte · Apr 22, 2020

Hey,
thanks to @KZero for his good zPager class, i was able to extract a few things from it to make this cross platform view.

I spend a lot of time in creating views, some views i need by my self, but some views not and to create a high quality view cost a lot of time. If you want to support me, then you can do it here by Paypal or with a coffee.

This library is compatible and tested with B4A,B4I and B4J!
If you have bugs or a wish then tell me it in the comments.

On B4J use the LEFT and RIGHT keys on your keyboard to change the page.
~~On B4I you need the GestureRecognizer class. Download it down below.~~

B4j: jXUI,JavaObject,jPager,jReflection
B4a: XUi,Reflection,xCustomListView
B4i: iXUI,xCustomListView

Features

cross-platform compatible
based on a cross-platform ListView
add and remove pages
scroll to pages
a good swipe feeling
NEW - Vertical
NEW - Carousel
NEW - Lazy Loading

Horizontal and Vertical

B4A Carousel and B4I Carousel

ASViewPager
Author: Alexander Stolte
Version: 2.00

ASViewPager
- Events:
  - LazyLoadingAddContent (Parent As B4XView, Value As Object)
  - PageChange (Index As Int)
  - PageChanged (Index As Int)
  - PageClick (Index As Int, Value As Object)
  - ReachEnd
  - ScrollChanged (Offset As Int)
  - TouchBegin
  - TouchEnd
- Fields:
  - Tag As Object
- Functions:
  - AddPage (xpnl_layout As B4XView, value As Object) As String
  - AddPageAt (index As Int, xpnl_layout As B4XView, value As Object) As String
    Adds an page at a special position
  - Base_Resize (Width As Double, Height As Double) As String
  - Class_Globals As String
  - Clear As String
  - DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
    Base type must be Object
  - getBase As B4XView
  - getCurrentIndex As Int
  - getCustomListView As b4a.example3.customlistview
  - getisScrollEnabled As Boolean
    Checks if the swipe/scroll is enabled or disabled
  - getSize As Int
  - Initialize (Callback As Object, EventName As String) As String
  - IsInitialized As Boolean
    Tests whether the object has been initialized.
  - NextPage As String
  - NextPage2 As String
    Jump to next page
  - PreviousPage As String
  - PreviousPage2 As String
    jump to previous page
  - RemovePage (index As Int) As String
  - Scroll2Value (Value As String) As String
    sets the current index by the value - smooth scrolls to the item
  - Scroll2Value2 (Value As String) As String
    sets the current index by the value - jumps to the item
  - setCurrentIndex (index As Int) As String
  - setCurrentIndex2 (index As Int) As String
    sets the current index - jumps to the item
  - setIgnorePageChangedEvent (ignore As Boolean) As String
  - setIgnorePageChangeEvent (ignore As Boolean) As String
  - setScroll (enabled As Boolean) As String
    B4I and B4A only
    enabled - False the scroll is deactivated
- Properties:
  - Base As B4XView [read only]
  - CurrentIndex As Int
  - CurrentIndex2
    sets the current index - jumps to the item
  - CustomListView As b4a.example3.customlistview [read only]
  - IgnorePageChangedEvent
  - IgnorePageChangeEvent
  - isScrollEnabled As Boolean [read only]
    Checks if the swipe/scroll is enabled or disabled
  - Scroll
    B4I and B4A only
    enabled - False the scroll is deactivated
  - Size As Int [read only]

Changelog

1.00
- Release
1.01
- Base_Resize is now public
- NextPage and PreviousPage Bug Fix
- setCurrentIndex Bug Fix
- PageChangeEvent Bug Fix
1.02
- B4I Bug Fixes
- NextPage and PreviousPage Bug Fix
1.03
- Resize BugFix
1.04
- B4I Page-Height BugFix
- B4I Page-Swipe BugFix
1.05
- BugFix
1.06
- Add Designer Property "Orientation" - Vertical is now supported
1.07
- BugFix getCurrentIndex
- BugFix PageChanged event is now only firing if the index is changed
- Add setIgnorePageChangedEvent Property
- Add TouchBegin Event
- Add TouchEnd Event
- BugFix PageChanged is now firing if you press on a emulator, for example the arrow up or down keys on yor keyboard
1.08
- Add Tag Property
  - https://www.b4x.com/android/forum/t...om-clv-or-any-other-container.117992/#content
- Add Clear - clears the list and sets the index to 0
- BugFix xCustomListview Top was always 0
1.09
- B4I BugFixes for Release Mode - swiping is now better
1.10
- Add AddPageAt (experimental it works for my need, if you have issuses, then tell me) - Adds an page at a special position
- Add set CurrentIndex2 - sets the current index - jumps to the item
- Better resize handling
1.11
- RemovePage Bugfixes
- B4J ScrollPane under the hood is now Transparent
- Add NextPage2 -Jump to next page
- Add PrevoiusPage2 - Jump to previous page
1.12
- [BETA] Add DesignerProperty Carousel - infinite swipe
  - On B4I Bounce Effect is disabled
- B4I ScrollView Paging is now activated, this can improve the handling
1.13
- Add PageClick Event
1.14 - read more about this update here
- [B4I only] Add Scroll - enable or disable scroll with finger
  - ASViewPager1.Scroll(False)'disable scroll with finger
1.15
- Intern Function IIF renamed to iif2
1.16
- set Scroll is now B4X - disable the swipe/scroll
  - In B4J the arrow keys (Left/Right/Up/Down) are disabled if you deactivate the swipe/scroll
- New property isScrollEnabled - checks if the swipe/scroll is enabled or disabled
- Intern Function iif2 removed and the core iif is now used
  - B4A V11+ - B4J V9.10+ - B4I V7.50+
1.18
- PageChanged Event is now firing in some cases with a delay, because of a scroll animation
- BugFix B4A setScroll - Events from other views are now no longer blocked
1.19
- BugFix on NextPage and PreviousPage
1.20 (read more about this update)
- Add Event PageChange - This event is triggered immediately after the page is changed, no delay because of animations
- Add setIgnorePageChangeEvent - prevents the PageChange event from being triggered
1.21
- BugFixes
1.22
- B4I Scroll = False BugFix
1.24
- BugFix AddPageAt is now working better on B4A
1.25
- Add Scroll2Value - sets the current index by the value - smooth scrolls to the item
  - from the AddPage and AddPageAt function the "Value" property
  - must be a string to be found
- Add Scroll2Value2 - sets the current index by the value - jump to the item
1.26 (read more about this update)
- Add Designer Property LazyLoading - activates lazy loading
  - Default: False
- Add Designer Property LazyLoadingExtraSize - How many pages to load in advance
  - Default: 5
- Add Event LazyLoadingAddContent - Add here your layout or views
1.27
- Add get and set LazyLoadingExtraSize
1.28
- Important LazyLoading improvments
1.29
- Add Commit - Triggers the LazyLoadingAddContent event
  - Call this after you have filled the list
- LazyLoading BugFixes
1.30
- Add ResetLazyloadingIndex - when you call "commit" afterwards, it is guaranteed to check if there are empty panels in the lazy loading range, if so, the LazyLoading event is triggered
1.31
- important resize improvments
- Add Loading Panel if Base_Resize is calling
- Add Designer Property LoadingPanelColor
- Add set IgnoreLazyLoading - If True, the Lazy Loading event is not triggered
- Add ResetLazyLoadingPanels - Removes all child views from all visible pages
- LazyLoading Improvments
1.32
- Carousel works now in Vertical mode
1.33
- B4I Native paging is now used
  - The paging feels smoother now
  - In debug mode, the swiping should now also run better
1.34
- B4I The GestureRecognizer is no longer needed
1.35 (read more)
- Add Designer Property BackGestureGap - Only for B4I. If you use the ViewPager on a 2nd page and still want to close the page with the swipe gesture then set the checkbox to true
  - Default: False
2.00 (read more)
- New dependency in B4J: jPager
- Removed dependency in B4J: xCustomListView
- Add GetPanel
- Add GetValue
- In B4J, the jPager is now used instead of the xCustomListView
  - Better performance
  - No more unwanted scrolling with the mouse
2.01
- BugFixes and Improvements
- Add Event PageChanged2
2.02
- Add set LoadingPanelHideDuration - The duration of how quickly the loading panel is hidden
  - Default: 500
2.03
- B4I BugFix - Prevents vertical scrolling when in horizontal mode and vice versa
2.04
- B4I BugFix - The safe area is no longer observed
  - Fixes unwanted behavior when the viewpager is in the safe area
2.05
- BugFix - by setting the set CurrentIndex or set CurrentIndex2, the PageChange and PageChanged event have been triggered multiple times
2.06
- B4A BugFix
2.07
- B4I BugFix

Have Fun

JGParamo · Mar 6, 2023

Alexander Stolte said:
Update

2.00

New dependency in B4J: jPager

Removed dependency in B4J: xCustomListView

Add GetPanel

Add GetValue

In B4J, the jPager is now used instead of the xCustomListView

Better performance

No more unwanted scrolling with the mouse

jPager

jPager - ViewPager

This is a high performance pager, optimized for large lists. No flickering or other unwanted behavior when changing index in large lists. Page change via arrow keys on the keyboard, or with the NextPage/PreviousPage function. I spend a lot of time in creating views, some views i need by my...

www.b4x.com

The xCustomListview was not good enough for desktop use, it often gave me a stomach ache. So I decided to develop a custom pager for the AS_ViewPager for B4J.
Switching between pages is done with the Arrow keys, or with the functions: NextPage/PreviousPage

Impressive work. I hope this should resolve observed flickering I have encountered, discussed here.. https://www.b4x.com/android/forum/t...g-only-one-page-out-of-multiple-pages.139658/ thank you.

Alessandro71 · Mar 19, 2023

On Android platform, sometimes the page transition is only partially completed.
Look at the picture below: the black stripe at the arrow position, is the next page.
Scrolling is halted at this position: the PageChanged event is fired with the position of the next page (the black one), which is only partially displayed, while the previous one is still on screen.
Swiping again will bring the right page on screen.
I haven't still identified what is the condition that triggers this behavior, and I can't reproduce it at will.
I'm reporting it here, so if someone is also observing the same, maybe we'll figure it out.

b4x-de · Apr 24, 2023

Dear Alexander,

would you please check line 315 in ASViewPage.Base_Resize()? An #IF B4J is not closed until the next #IF B4A or B4i (in line 324) is opened. This might be a programming error. Thanks.

Thomas

Alexander Stolte · Apr 24, 2023

Sorry, but i dont touch it. It works as it should, when trying to clean up the whole thing, I no longer know the affiliation of the other "if" statements.

james_sgp · Jul 17, 2023

The lib file on page 1 doesn`t seem to be version 2...where can I download it as I need it to use your Datepicker.

Thanks, James

Alexander Stolte · Jul 17, 2023

james_sgp said:
The lib file on page 1 doesn`t seem to be version 2

and why do you have this opinion?
i downloaded the .b4xlib from the 1st post and checked both files, everything is fine.

james_sgp · Jul 18, 2023

Apologies found my issue...It was an outdated version of the library lurking in a different folder. Once deleted it shows I`m using V2.

sagmill · Jul 28, 2023

Hi, when I run this error occurred:

B4A Version: 12.50
Parsing code. (0.05s)
Java Version: 14
Building folders structure. (0.03s)
Compiling code. (0.08s)
Compiling layouts code. (0.00s)
Organizing libraries. (0.00s)
(AndroidX SDK)
Compiling resources (0.07s)
Linking resources (0.32s)
Compiling debugger engine code. (0.01s)
Compiling generated Java code. Error
Cannot find: C:\Program Files\Anywhere Software\B4A\libraries\asviewpager.jar

b4x-de · Jul 29, 2023

Please make sure your paths are configured correctly and the asviewpager.jar is located in the Additional Libraries folder.

sagmill · Jul 29, 2023

There is no such library or file at all (asviewpager.jar)

Alexander Stolte · Jul 30, 2023

sagmill said:
There is no such library or file at all (asviewpager.jar)

Put the .b4xlib in your Additional Libraries folder. Check the lib. in your project on the lib. tab and compile.

sagmill · Aug 1, 2023

Alexander Stolte said:
Put the .b4xlib in your Additional Libraries folder. Check the lib. in your project on the lib. tab and compile.

Thanks. Interestingly, it was solved by adding the reflection library!

khandah · Aug 22, 2023

Alexander Stolte said:
Update
1.10

Add AddPageAt (experimental it works for my need, if you have issuses, then tell me) - Adds an page at a special position

Add set CurrentIndex2 - sets the current index - jumps to the item

Better resize handling

Can we use it as Wizard ? I mean to use each page as form ?
Thanks.

Alexander Stolte · Aug 23, 2023

khandah said:
I mean to use each page as form ?

That is the purpose of this component. You can see an example at AS_SlidingOnboarding.

[B4X] [XUI] AS Sliding Onboarding (based on ASViewPager)

Hello, the next view to make the B4X life easier :) The view was written from scratch and is not compatible with the ASOnboarding. First, i spend a lot of time in creating views, some views i need by my self, but some views not and to create a high quality view cost a lot of time. If you want...

www.b4x.com

Alexander Stolte · Nov 13, 2023

Update

2.01
- BugFixes and Improvements
- Add Event PageChanged2

This updates makes the following possible:

[B4X] AS ViewPager - Infinite scrolling

https://www.b4x.com/android/forum/threads/b4x-xui-as-viewpager-based-on-xcustomlistview.116709/ A small example project on how to achieve endless scrolling in both directions with the as viewpager. Important You need AS ViewPager V2.01+ and for B4J, you need V1.02+ of the jPager The best...

www.b4x.com

Alexander Stolte · Nov 14, 2023

Update

2.02
- Add set LoadingPanelHideDuration - The duration of how quickly the loading panel is hidden
  - Default: 500

Alexander Stolte · Nov 20, 2023

Update

2.03
- B4I BugFix - Prevents vertical scrolling when in horizontal mode and vice versa

Alexander Stolte · Nov 21, 2023

Update

2.04
- B4I BugFix - The safe area is no longer observed
  - Fixes unwanted behavior when the viewpager is in the safe area

Alexander Stolte · Jan 14, 2024

Update

2.05
- BugFix - by setting the set CurrentIndex or set CurrentIndex2, the PageChange and PageChanged event have been triggered multiple times

Alexander Stolte · Jan 16, 2024

Update

2.06
- B4A BugFix

B4A Library [B4X] [XUI] AS ViewPager based on xCustomListView

Attachments

Member

Well-Known Member

Active Member

Expert

Active Member

Expert

Active Member

Attachments

Member

Active Member

Member

Expert

Member

Member

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency