B4A Library [B4X] [XUI] AS AppSummary

This library is used to describe the 3 or 4 most important functions of the app to the user the first time they use it, as an onboarding measure.

The library can also be used as an update log if you have released a major update and want to inform the user which new things are now in the app.

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. :)

(51) mage.png
(52) mage.png

Examples
With Icons:
    AS_AppSummary1.SetTitleText("Welcome to"," Parcel ","!")
 
    AS_AppSummary1.AddItem("Supported worldwide","With more than 320 delivery agents supported, you can be sure that your next delivery will be tracked via Parcel.",AS_AppSummary1.FontToBitmap(Chr(0xE894),True,35,AS_AppSummary1.ItemIconProperties.Color))
    AS_AppSummary1.AddItem("Powerful functions","Daily payers, barcode scanners, card support and many other functions make tracking much easier.",AS_AppSummary1.FontToBitmap(Chr(0xF02A),False,35,AS_AppSummary1.ItemIconProperties.Color))
    AS_AppSummary1.AddItem("Push notifications","With a Premium subscription, receive push notifications when there is news about the delivery.",AS_AppSummary1.FontToBitmap(Chr(0xE7F4),True,35,AS_AppSummary1.ItemIconProperties.Color))
 
    AS_AppSummary1.ConfirmButtonText = "Start using Parcel"
 
    AS_AppSummary1.Refresh
B4X:
    AS_AppSummary1.SetTitleText("Welcome to"," Parcel ","!")
 
    Dim Item_Feature1 As AS_AppSummary_Item : Item_Feature1.Initialize
    Item_Feature1.Name = "Supported worldwide"
    Item_Feature1.Description = "With more than 320 delivery agents supported, you can be sure that your next delivery will be tracked via Parcel."
    Item_Feature1.Icon = AS_AppSummary1.FontToBitmap(Chr(0xE894),True,35,AS_AppSummary1.ItemIconProperties.Color)
    AS_AppSummary1.AddItemAdvanced(Item_Feature1)
  
    Dim Item_Feature2 As AS_AppSummary_Item : Item_Feature2.Initialize
    Item_Feature2.Name = "Powerful functions"
    Item_Feature2.Description = "Daily payers, barcode scanners, card support and many other functions make tracking much easier."
    Item_Feature2.Icon = AS_AppSummary1.FontToBitmap(Chr(0xF02A),False,35,AS_AppSummary1.ItemIconProperties.Color)
    AS_AppSummary1.AddItemAdvanced(Item_Feature2)
  
    Dim Item_Feature3 As AS_AppSummary_Item : Item_Feature2.Initialize
    Item_Feature3.Name = "Push notifications"
    Item_Feature3.Description = "With a Premium subscription, receive push notifications when there is news about the delivery."
    Item_Feature3.Icon = AS_AppSummary1.FontToBitmap(Chr(0xE7F4),True,35,AS_AppSummary1.ItemIconProperties.Color)
    AS_AppSummary1.AddItemAdvanced(Item_Feature3)
 
    AS_AppSummary1.ConfirmButtonText = "Start using Parcel"
 
    AS_AppSummary1.Refresh
AS_AppSummary
Author: Alexander Stolte
Version: 1.00

  • AS_AppSummary
    • Events:
      • ConfirmButtonClick
    • Fields:
      • mBase As B4XView
      • Tag As Object
    • Functions:
      • AddItem (Name As String, Description As String, Icon As B4XBitmap) As String
      • Class_Globals As String
      • ClearItems As String
      • CreateAS_AppSummary_ItemIconProperties (Width As Float, Color As Int, BackgroundColor As Int, CornerRadius As Float, Alignment As String, SideGap As Float) As AS_AppSummary_ItemIconProperties
      • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
        Base type must be Object
      • FontToBitmap (text As String, IsMaterialIcons As Boolean, FontSize As Float, color As Int) As B4XBitmap
      • getBackgroundColor As Int
      • getConfirmButtonColor As Int
      • getConfirmButtonTextColor As Int
      • getItemDescriptionTextColor As Int
      • getItemIconProperties As AS_AppSummary_ItemIconProperties
        Call Refresh if you change something
      • getItemNameTextColor As Int
      • getTitleColoredTextColor As Int
      • getTitleTextColor As Int
      • Initialize (Callback As Object, EventName As String) As String
      • IsInitialized As Boolean
        Tests whether the object has been initialized.
      • Refresh As String
      • setBackgroundColor (Color As Int) As String
        Call Refresh if you change something
      • setConfirmButtonColor (Color As Int) As String
        Call Refresh if you change something
      • setConfirmButtonText (Text As String) As String
      • setConfirmButtonTextColor (Color As Int) As String
        Call Refresh if you change something
      • setItemDescriptionTextColor (Color As Int) As String
        Call Refresh if you change something
      • setItemNameTextColor (Color As Int) As String
        Call Refresh if you change something
      • setTitleColoredTextColor (Color As Int) As String
        Call SetTitleText if you change this property
      • SetTitleText (Text1 As String, ColoredText As String, Text2 As String) As String
      • setTitleTextColor (Color As Int) As String
        Call SetTitleText if you change this property
    • Properties:
      • BackgroundColor As Int
        Call Refresh if you change something
      • ConfirmButtonColor As Int
        Call Refresh if you change something
      • ConfirmButtonText
      • ConfirmButtonTextColor As Int
        Call Refresh if you change something
      • ItemDescriptionTextColor As Int
        Call Refresh if you change something
      • ItemIconProperties As AS_AppSummary_ItemIconProperties [read only]
        Call Refresh if you change something
      • ItemNameTextColor As Int
        Call Refresh if you change something
      • TitleColoredTextColor As Int
        Call SetTitleText if you change this property
      • TitleTextColor As Int
        Call SetTitleText if you change this property
  • AS_AppSummary_Item
    • Fields:
      • Description As String
      • Icon As B4XBitmap
      • IsInitialized As Boolean
        Tests whether the object has been initialized.
      • Name As String
    • Functions:
      • Initialize
        Initializes the fields to their default value.
  • AS_AppSummary_ItemIconProperties
    • Fields:
      • Alignment As String
      • BackgroundColor As Int
      • Color As Int
      • CornerRadius As Float
      • IsInitialized As Boolean
        Tests whether the object has been initialized.
      • SideGap As Float
      • Width As Float
    • Functions:
      • Initialize
        Initializes the fields to their default value.
Changelog
  • 1.00
    • Release
Have Fun :)
 

Attachments

  • AS AppSummary Example.zip
    178 KB · Views: 80
  • AS_AppSummary.b4xlib
    4.6 KB · Views: 74
Last edited:

asales

Expert
Licensed User
Longtime User
Another great lib. Thanks!

Can I scroll the information in the screen?
I tried to put more items, but is I can't scroll.

1704464742345.png
 

Theera

Well-Known Member
Licensed User
Longtime User
This library is used to describe the 3 or 4 most important functions of the app to the user the first time they use it, as an onboarding measure.

The library can also be used as an update log if you have released a major update and want to inform the user which new things are now in the app.

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. :)

View attachment 149292 View attachment 149293
Examples
With Icons:
    AS_AppSummary1.SetTitleText("Welcome to"," Parcel ","!")
 
    AS_AppSummary1.AddItem("Supported worldwide","With more than 320 delivery agents supported, you can be sure that your next delivery will be tracked via Parcel.",AS_AppSummary1.FontToBitmap(Chr(0xE894),True,35,AS_AppSummary1.ItemIconProperties.Color))
    AS_AppSummary1.AddItem("Powerful functions","Daily payers, barcode scanners, card support and many other functions make tracking much easier.",AS_AppSummary1.FontToBitmap(Chr(0xF02A),False,35,AS_AppSummary1.ItemIconProperties.Color))
    AS_AppSummary1.AddItem("Push notifications","With a Premium subscription, receive push notifications when there is news about the delivery.",AS_AppSummary1.FontToBitmap(Chr(0xE7F4),True,35,AS_AppSummary1.ItemIconProperties.Color))
 
    AS_AppSummary1.ConfirmButtonText = "Start using Parcel"
 
    AS_AppSummary1.Refresh
B4X:
    AS_AppSummary1.SetTitleText("Welcome to"," Parcel ","!")
 
    Dim Item_Feature1 As AS_AppSummary_Item : Item_Feature1.Initialize
    Item_Feature1.Name = "Supported worldwide"
    Item_Feature1.Description = "With more than 320 delivery agents supported, you can be sure that your next delivery will be tracked via Parcel."
    Item_Feature1.Icon = AS_AppSummary1.FontToBitmap(Chr(0xE894),True,35,AS_AppSummary1.ItemIconProperties.Color)
    AS_AppSummary1.AddItemAdvanced(Item_Feature1)
   
    Dim Item_Feature2 As AS_AppSummary_Item : Item_Feature2.Initialize
    Item_Feature2.Name = "Powerful functions"
    Item_Feature2.Description = "Daily payers, barcode scanners, card support and many other functions make tracking much easier."
    Item_Feature2.Icon = AS_AppSummary1.FontToBitmap(Chr(0xF02A),False,35,AS_AppSummary1.ItemIconProperties.Color)
    AS_AppSummary1.AddItemAdvanced(Item_Feature2)
   
    Dim Item_Feature3 As AS_AppSummary_Item : Item_Feature2.Initialize
    Item_Feature3.Name = "Push notifications"
    Item_Feature3.Description = "With a Premium subscription, receive push notifications when there is news about the delivery."
    Item_Feature3.Icon = AS_AppSummary1.FontToBitmap(Chr(0xE7F4),True,35,AS_AppSummary1.ItemIconProperties.Color)
    AS_AppSummary1.AddItemAdvanced(Item_Feature3)
 
    AS_AppSummary1.ConfirmButtonText = "Start using Parcel"
 
    AS_AppSummary1.Refresh
AS_AppSummary
Author: Alexander Stolte
Version: 1.00

  • AS_AppSummary
    • Events:
      • ConfirmButtonClick
    • Fields:
      • mBase As B4XView
      • Tag As Object
    • Functions:
      • AddItem (Name As String, Description As String, Icon As B4XBitmap) As String
      • Class_Globals As String
      • ClearItems As String
      • CreateAS_AppSummary_ItemIconProperties (Width As Float, Color As Int, BackgroundColor As Int, CornerRadius As Float, Alignment As String, SideGap As Float) As AS_AppSummary_ItemIconProperties
      • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
        Base type must be Object
      • FontToBitmap (text As String, IsMaterialIcons As Boolean, FontSize As Float, color As Int) As B4XBitmap
      • getBackgroundColor As Int
      • getConfirmButtonColor As Int
      • getConfirmButtonTextColor As Int
      • getItemDescriptionTextColor As Int
      • getItemIconProperties As AS_AppSummary_ItemIconProperties
        Call Refresh if you change something
      • getItemNameTextColor As Int
      • getTitleColoredTextColor As Int
      • getTitleTextColor As Int
      • Initialize (Callback As Object, EventName As String) As String
      • IsInitialized As Boolean
        Tests whether the object has been initialized.
      • Refresh As String
      • setBackgroundColor (Color As Int) As String
        Call Refresh if you change something
      • setConfirmButtonColor (Color As Int) As String
        Call Refresh if you change something
      • setConfirmButtonText (Text As String) As String
      • setConfirmButtonTextColor (Color As Int) As String
        Call Refresh if you change something
      • setItemDescriptionTextColor (Color As Int) As String
        Call Refresh if you change something
      • setItemNameTextColor (Color As Int) As String
        Call Refresh if you change something
      • setTitleColoredTextColor (Color As Int) As String
        Call SetTitleText if you change this property
      • SetTitleText (Text1 As String, ColoredText As String, Text2 As String) As String
      • setTitleTextColor (Color As Int) As String
        Call SetTitleText if you change this property
    • Properties:
      • BackgroundColor As Int
        Call Refresh if you change something
      • ConfirmButtonColor As Int
        Call Refresh if you change something
      • ConfirmButtonText
      • ConfirmButtonTextColor As Int
        Call Refresh if you change something
      • ItemDescriptionTextColor As Int
        Call Refresh if you change something
      • ItemIconProperties As AS_AppSummary_ItemIconProperties [read only]
        Call Refresh if you change something
      • ItemNameTextColor As Int
        Call Refresh if you change something
      • TitleColoredTextColor As Int
        Call SetTitleText if you change this property
      • TitleTextColor As Int
        Call SetTitleText if you change this property
  • AS_AppSummary_Item
    • Fields:
      • Description As String
      • Icon As B4XBitmap
      • IsInitialized As Boolean
        Tests whether the object has been initialized.
      • Name As String
    • Functions:
      • Initialize
        Initializes the fields to their default value.
  • AS_AppSummary_ItemIconProperties
    • Fields:
      • Alignment As String
      • BackgroundColor As Int
      • Color As Int
      • CornerRadius As Float
      • IsInitialized As Boolean
        Tests whether the object has been initialized.
      • SideGap As Float
      • Width As Float
    • Functions:
      • Initialize
        Initializes the fields to their default value.
Changelog
  • 1.00
    • Release
Have Fun :)
Your library is so cool.But I have tried with Thai language,it has the problem about manage text, please see my picture.
 

Attachments

  • Screenshot_20240107_111107.png
    Screenshot_20240107_111107.png
    165.4 KB · Views: 55

asales

Expert
Licensed User
Longtime User
Your library is so cool.But I have tried with Thai language,it has the problem about manage text, please see my picture.
The font size of the phone is the default?
I see this behaviour when the font is bigger.
 

Theera

Well-Known Member
Licensed User
Longtime User
The font size of the phone is the default?
I see this behaviour when the font is bigger.
I use default font. But Thai language has 4 levels of line ( i.e. " สัมฤทธิ์ผล " )
 
Top