B4A Library [B4X] [XUI] AS AppSummary

asales said:

Can I scroll the information in the screen?

Click to expand...

Alexander Stolte said:

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
      

      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
    • 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

Click to expand...

Theera said:

But I have tried with Thai language,it has the problem about manage text, please see my picture.

Click to expand...

Theera said:

Your library is so cool.But I have tried with Thai language,it has the problem about manage text, please see my picture.

Click to expand...

asales said:

The font size of the phone is the default?
I see this behaviour when the font is bigger.

Click to expand...

• 1.01
  • Add AddItemAdvanced
  • Add get ConfirmButton
  • Title Text BugFix

Alexander Stolte said:

I use the MeasureMultilineTextHeight function from the StringUtils. There is nothing I can fix.

Click to expand...

• 2.00
  • BugFixes
  • Breaking Change - Add Parameter "Value" to AddItem
  • Changed the items base to xCustomListView
    • You can now add as many items as you like, it is scrollable
  • Add get and set TitleTop
  • Add get and set TitleGap - Gap between list and title
  • Add set Theme
  • Add get Theme_Dark
  • Add get Theme_Light
  • Add Designer Property ThemeChangeTransition
    • Default: Fade
  • Add GetItemAt
  • Add Event ItemClicked
  • Add Designer Property HapticFeedback
    • Default: True
  • Add Event CustomDrawItem
  • Add Type AS_AppSummary_ItemViews
  • Add GetItemViews - Gets the item views for a value
  • Add GetItemViews2 - Gets the item views for a index

AS_AppSummary1.Theme = AS_AppSummary1.Theme_Light

AS_AppSummary1.Theme = AS_AppSummary1.Theme_Dark

AS_AppSummary1.GetItemViews2(1).NameLabel.Text = "Test"

Alexander Stolte said:

Changed the items base to xCustomListView
You can now add as many items as you want, the item base is now a xCustomListView and can be scrolled if the items are more than the screen size.

Click to expand...

• 2.01
  • New Designer Property ItemBackground
    • Default: None
    • Card - The item is displayed as a card with round borders
  • New Type AS_AppSummary_CardProperties
  • BugFix Title is now multiline
  • BugFixes and Improvements

    AS_AppSummary1.CardProperties.CornerRadius = 15dip
    AS_AppSummary1.CardProperties.TextGap = 10dip
    AS_AppSummary1.CardProperties.BackgroundColor = xui.Color_Red