B4A Library [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 to support me, then you can do it here by Paypal. :)

Features
  • cross-platform compatible
  • Slide between pages (ASViewPager)
  • fully customizable
  • Next,Back,Skip,Finish Button
  • Use your own layout
  • 3 Header Sizes
  • Events
  • Use a image as background
read the dependencies of the ASViewPager to avoid errors
B4j: jXUI,ASViewPager
B4a: XUi,ASViewPager
B4i: =iXUI,ASViewPager

20-04-25-23-23-39.gif
Bildschirmfoto 2020-04-26 um 00.00.15.png
Bildschirmfoto 2020-04-26 um 00.00.46.png
Bildschirmfoto 2020-04-26 um 00.01.11.png
Screenshot_20200425-232321.jpg
dsffsdsdfsdf.JPG


AS SlidingOnboarding
Author: Alexander Stolte
Version: 1.00

  • ASSlidingOnboarding
    • Events:
      • GetStartedButtonClick
      • PageChange (Index As Int)
    • Functions:
      • AddPage (HeadingText As String, Description As String, BackgroundColor As Int, HeaderLayout As B4XView, Tag As Object) As String
      • Class_Globals As String
      • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
        Base type must be Object
      • getBackButtonText As B4XView
      • getBottomArea (Index As Int) As B4XView
        gets the Bottom Area Panel
      • getCurrentIndex As Int
      • getCustomListView As b4a.example3.customlistview
        The View is based of the ASViewPager and this Pager is based on the xCustomListView
      • getFinishButtonText As B4XView
      • getHeaderArea (Index As Int) As B4XView
        gets the Header Area Panel to change the Header Layout
      • getHeaderHeight As Float
        gets the Header Height
      • getIndicatorActiveColor As Int
      • getIndicatorInactiveColor As Int
      • getNextButton As B4XView
      • getPageBackgroundPanel (Index As Int) As B4XView
        If you want to change the background color of a page or you want to add your own views on the full page instead just on the header
      • getShowFinishButton As Boolean
      • getShowNextBack As Boolean
      • getShowSkipButton As Boolean
      • getSkipButtonText As B4XView
      • getViewPager As com.as.slidingonboarding.asviewpager
        This View is based on the ASViewPager
      • Initialize (Callback As Object, EventName As String) As String
      • IsInitialized As Boolean
        Tests whether the object has been initialized.
      • RemovePage (Index As Int) As String
      • setBackButtonText (text As String) As String
      • setCurrentIndex (index As Int) As String
        sets or gets the current index
      • setFinishButtonText (text As String) As String
      • setHeaderSize (header_size As Float) As String
        The header size must be between 25 and 75 if not the value is set to 50
      • setIndicatorActiveColor (clr As Int) As String
        gets or sets the active indicator color
      • setIndicatorInactiveColor (clr As Int) As String
        gets or sets the inactive indicator color
      • setNextButtonText (text As String) As String
      • setShowFinishButton (visible As Boolean) As String
      • setShowIndicator (visible As Boolean) As String
      • setShowNextBack (visible As Boolean) As String
      • setShowSkipButton (visible As Boolean) As String
      • setSkipButtonText (text As String) As String
    • Properties:
      • CurrentIndex As Int
        sets or gets the current index
      • CustomListView As b4a.example3.customlistview [read only]
        The View is based of the ASViewPager and this Pager is based on the xCustomListView
      • HeaderHeight As Float [read only]
        gets the Header Height
      • HeaderSize
        The header size must be between 25 and 75 if not the value is set to 50
      • IndicatorActiveColor As Int
        gets or sets the active indicator color
      • IndicatorInactiveColor As Int
        gets or sets the inactive indicator color
      • NextButton As B4XView [read only]
      • NextButtonText
      • ShowFinishButton As Boolean
      • ShowIndicator
      • ShowNextBack As Boolean
      • ShowSkipButton As Boolean
      • ViewPager As com.as.slidingonboarding.asviewpager [read only]
        This View is based on the ASViewPager
Changelog
  • 1.00
    • Release
  • 1.01
    • Add BaseResize Event
  • 1.02
    • Add SkipButtonClicked Event
    • Add SkipButtonMode
      • SkipButtonMode_SKIP
      • SkipButtonMode_CLOSE
  • 1.03
    • BugFix
  • 1.04
    • Add compatibility for AS_ViewPager Version 2.0
Have Fun :)
 

Attachments

  • B4I Example.zip
    31.4 KB · Views: 412
  • B4A Example.zip
    32 KB · Views: 829
  • B4J Example.zip
    31.1 KB · Views: 452
  • ASSlidingOnboarding.b4xlib
    4 KB · Views: 79
Last edited:
Top