B4A Library [B4X] [XUI] AS BottomAppSummary

This library makes it easy to quickly show the 3 or 4 most important functions of the app to the user during their first launch, as part of the onboarding process — based on the AS_AppSummary, built into a ready to use bottom menu. It can also be used as an update log to highlight key changes after a major update.

You need:

• AS_DraggableBottomCard V1.14+
• AS_AppSummary V2.02+

I spend a lot of time in creating views, like this and to create a high quality view cost a lot of time. If you want to support me and further views, then you can do it here by Paypal or with a coffee.

Private Sub OpenSheet(DarkMode As Boolean)
    BottomAppSummary.Initialize(Me,"BottomAppSummary",Root)
    BottomAppSummary.Theme = IIf(DarkMode,BottomAppSummary.Theme_Dark,BottomAppSummary.Theme_Light)
  
    BottomAppSummary.AddImageItem(xui.LoadBitmap(File.DirAssets,"NewFeature.png"),400dip,"")
    BottomAppSummary.AddPlaceholder(10dip)
    BottomAppSummary.AddTitleItem("Detailed Task Distribution Overview","")
    BottomAppSummary.AddPlaceholder(10dip)
    BottomAppSummary.AddDescriptionItem("Pie chart showing task distribution by category and time range for quick performance insights.","")
  
    BottomAppSummary.ShowPicker(600dip)
  
    BottomAppSummary.ConfirmButtonText = "Continue"
  
End Sub

Private Sub OpenSheet(DarkMode As Boolean)
    BottomAppSummary.Initialize(Me,"BottomAppSummary",Root)
    BottomAppSummary.Theme = IIf(DarkMode,BottomAppSummary.Theme_Dark,BottomAppSummary.Theme_Light)

    BottomAppSummary.SetTitleText("Welcome to"," Parcel ","!")
    BottomAppSummary.AddItem("Supported worldwide","With more than 320 delivery agents supported, you can be sure that your next delivery will be tracked via Parcel.",BottomAppSummary.FontToBitmap(Chr(0xE894),True,35,BottomAppSummary.ItemIconProperties.Color),"")
    BottomAppSummary.AddItem("Powerful functions","Daily payers, barcode scanners, card support and many other functions make tracking much easier.",BottomAppSummary.FontToBitmap(Chr(0xF02A),False,35,BottomAppSummary.ItemIconProperties.Color),"")
    BottomAppSummary.AddItem("Push notifications","With a Premium subscription, receive push notifications when there is news about the delivery.",BottomAppSummary.FontToBitmap(Chr(0xE7F4),True,35,BottomAppSummary.ItemIconProperties.Color),"")

    BottomAppSummary.ShowPicker(500dip)
  
    BottomAppSummary.ConfirmButtonText = "Continue"
  
End Sub

AS_BottomAppSummary
Author: Alexander Stolte
Version: 1.00

Spoiler: Properties, Functions, Events, etc.

• AS_BottomAppSummary
  • Events:
    • ActionButtonClicked
    • Close
    • CustomDrawItem (Item As AS_AppSummary_Item, ItemViews As AS_AppSummary_ItemViews)
    • ItemClicked (Item As AS_AppSummary_Item)
  • Fields:
    • Tag As Object
  • Functions:
    • AddDescriptionItem (Text As String, Value As Object) As AS_AppSummary_DescriptionItem
    • AddImageItem (xBitmap As B4XBitmap, Height As Float, Value As Object) As AS_AppSummary_ImageItem
    • AddItem (Name As String, Description As String, Icon As B4XBitmap, Value As Object) As AS_AppSummary_Item
    • AddPlaceholder (Height As Float)
    • AddTitleItem (Text As String, Value As Object) As AS_AppSummary_TitleItem
    • FontToBitmap (text As String, IsMaterialIcons As Boolean, FontSize As Float, color As Int) As B4XBitmap
      

      FontAwesome To Bitmap

      Unlike an older "TextToBitmap" sub that you can find in the forum, this code vertically centers the icon. It can also be used in B4J and B4i (only need to change the font line). Sub Activity_Create(FirstTime As Boolean) 'usage example Activity.AddMenuItem3("Android", "Test"...

      www.b4x.com
    • HidePicker
    • Initialize (Callback As Object, EventName As String, Parent As B4XView)
      Initializes the object. You can add parameters to this method if needed.
    • SetTitleText (Text1 As String, ColoredText As String, Text2 As String)
    • ShowPicker (BodyHeight As Float)
  • Properties:
    • AppSummary As AS_AppSummary [read only]
    • Color As Int
    • ConfirmButtonText As String [write only]
    • DragIndicatorColor As Int
    • ItemIconProperties As AS_AppSummary_ItemIconProperties [read only]
    • SelectionMode_Multi As String [read only]
    • SelectionMode_Single As String [read only]
    • SheetWidth As Float
      Set the value to greater than 0 to set a custom width
      Set the value to 0 to use the full screen width
      Default: 0
    • Theme As AS_BottomAppSummary_Theme [write only]
    • Theme_Dark As AS_BottomAppSummary_Theme [read only]
    • Theme_Light As AS_BottomAppSummary_Theme [read only]
    • ThemeChangeTransition As String
      Fade or None
    • ThemeChangeTransition_Fade As String [read only]
    • ThemeChangeTransition_None As String [read only]

Changelog

• 1.00
  • Release

Github: github.com/StolteX/AS_BottomAppSummary

Have Fun